PHPのin_array()に相当するJavaScript


回答:


258

いいえ、ありません。このため、ほとんどの一般的なライブラリには、ユーティリティパッケージに含まれています。例として、jQueryのinArrayおよびプロトタイプのArray.indexOfを確認してください。

jQueryの実装は、予想どおり簡単です。

function inArray(needle, haystack) {
    var length = haystack.length;
    for(var i = 0; i < length; i++) {
        if(haystack[i] == needle) return true;
    }
    return false;
}

配列要素の量が非常に多い場合は、上記の方法でうまくいきます。

編集:おっと。配列が別の配列の中にあるかどうかを確認したいとは思いもしませんでした。PHPのドキュメントによると、これはPHPの予想される動作ですin_array

$a = array(array('p', 'h'), array('p', 'r'), 'o');

if (in_array(array('p', 'h'), $a)) {
    echo "'ph' was found\n";
}

if (in_array(array('f', 'i'), $a)) {
    echo "'fi' was found\n";
}

if (in_array('o', $a)) {
    echo "'o' was found\n";
}

// Output:
//  'ph' was found
//  'o' was found

ChrisとAlexによって投稿されたコードは、この動作に従いません。AlexはプロトタイプのindexOfの公式バージョンであり、ChrisはPHPに似ていますarray_intersect。これはあなたが望むことをします:

function arrayCompare(a1, a2) {
    if (a1.length != a2.length) return false;
    var length = a2.length;
    for (var i = 0; i < length; i++) {
        if (a1[i] !== a2[i]) return false;
    }
    return true;
}

function inArray(needle, haystack) {
    var length = haystack.length;
    for(var i = 0; i < length; i++) {
        if(typeof haystack[i] == 'object') {
            if(arrayCompare(haystack[i], needle)) return true;
        } else {
            if(haystack[i] == needle) return true;
        }
    }
    return false;
}

そして、これに関する上記の私のテスト:

var a = [['p','h'],['p','r'],'o'];
if(inArray(['p','h'], a)) {
    alert('ph was found');
}
if(inArray(['f','i'], a)) {
    alert('fi was found');
}
if(inArray('o', a)) {
    alert('o was found');
}  
// Results:
//   alerts 'ph' was found
//   alerts 'o' was found

Arrayプロトタイプを拡張することは、一般的にそうするのが悪いため、意図的に拡張しなかったことに注意してください。


1
jQuery.inArray()ブール値を返しませ。見つかった要素のインデックスを返します。見つからなかった場合は-1を返します
Brad Kent

評価が高いため、回答を古いものとしてマークする必要があります
Gerfried


74

現在ありますArray.prototype.includes

include()メソッドは、配列に特定の要素が含まれているかどうかを判別し、必要に応じてtrueまたはfalseを返します。

var a = [1, 2, 3];
a.includes(2); // true 
a.includes(4); // false

構文

arr.includes(searchElement)
arr.includes(searchElement, fromIndex)

66

Array.indexOfはJavaScript 1.6で導入されましたが、古いブラウザではサポートされていません。ありがたいことに、Mozillaでの打ちのめしはあなたのためにすべての大変な仕事をし、互換性のためにこれを提供しました:

if (!Array.prototype.indexOf)
{
  Array.prototype.indexOf = function(elt /*, from*/)
  {
    var len = this.length >>> 0;

    var from = Number(arguments[1]) || 0;
    from = (from < 0)
         ? Math.ceil(from)
         : Math.floor(from);
    if (from < 0)
      from += len;

    for (; from < len; from++)
    {
      if (from in this &&
          this[from] === elt)
        return from;
    }
    return -1;
  };
}

スクリプティングを楽しむための便利な使用スニペットもいくつかあります。


これはすでにここに投稿されたリンク/コードのより良い/より安全な/より良い実装です。仕様は干し草の山の中の配列をチェックすることを要求していません、そしてそれはOPが望んでいることです。
Paolo Bergantino、

3
ちなみに、その目的はthis.length >>> 0何ですか?それは数値型への変換ですか?
harto 2009

3
Array.indexOfECMAScript Fifth Editionによって標準化されたため、適切な「ネイティブ」な方法と見なす必要があります。ただし、長い間、古いブラウザのスニッフィングとバックアップを提供する必要があります。@harto:はい、this.length32ビットの符号なし整数として表現できるNumber に変換されます。ネイティブArrayは、すでにこれに準拠している長さしか持てませんが、仕様では、Array.prototypeネイティブでないJSオブジェクトでメソッドを呼び出すことができるとしていArrayます。これとその他の面倒な引数チェックは、完全な仕様準拠を保証するためのものです。
bobince

3
-利用可能な異なるポリフィルバージョンは、Mozillaから直接ありますdeveloper.mozilla.org/en/docs/Web/JavaScript/Reference/...
Algyテイラー

参照=>私はあなたのコメントの後に8年間に答えるが、多分他の誰かが同じ質問を持っている可能性が@harto stackoverflow.com/questions/1822350/...
フロスティZ

14

インデックスが連続していない場合、またはインデックスが連続していない場合、ここに記載されている他のソリューションのコードは機能しなくなります。多少良くなる解決策は次のようになるでしょう:

function in_array(needle, haystack) {
    for(var i in haystack) {
        if(haystack[i] == needle) return true;
    }
    return false;
}

そしておまけとして、これはPHPのarray_searchと同等のものです(配列内の要素のキーを見つけるために:

function array_search(needle, haystack) {
    for(var i in haystack) {
        if(haystack[i] == needle) return i;
    }
    return false;
}

交換でいいドロップ。PHPからノードへの移植を本当に簡単にしました。ありがとう
Rahim Khoja

9

Locutusというプロジェクトがあり、JavascriptでPHP関数を実装し、in_array()が含まれているため、PHPで使用するのとまったく同じように使用できます。

使用例:

in_array('van', myArray);

in_array(1, otherArray, true); // Forcing strict type

4
JQueryのAPIにはinArray関数もあります。api.jquery.com/jQuery.inArrayを
ahPo

@ahPo、いいね!しかしLocutusの実装には、依存関係のない純粋なJavaScriptであるという利点があります。だから、あなたのニーズに最適なものを選んでください
Marcio Mazzucato 2017

1
または、必要な関数をLocutusからインポートすることもできます。
Niket Pathak 2017


5
var a = [1,2,3,4,5,6,7,8,9];

var isSixInArray = a.filter(function(item){return item==6}).length ? true : false;

var isSixInArray = a.indexOf(6)>=0;

5

jQueryソリューションが利用可能です。ドキュメントをここで確認してくださいhttp ://api.jquery.com/jquery.inarray/

$.inArray( 10, [ 8, 9, 10, 11 ] );

3
次のように確認することを忘れないでください:if($。inArray(10、[8、9、10、11])> -1)このようにしたので:if($。inArray(10、[8、9、 10、11]))そして、常にtrueを返します
テミルベク2018年

PS:これは型に依存するため、数値をチェックする場合は、データ型が一致することを確認してください!すなわち:$ .inArray( '10'、[8、9、10、11]); -1を返します
Oliver M Grech


3

単一の値が配列に含まれているかどうかを確認するだけの場合は、Paoloのコードが役立ちます。両方の配列に共通する値を確認する場合は、次のようなものが必要になります(PaoloのinArray関数を使用)。

function arrayIntersect(a, b) {
    var intersection = [];

    for(var i = 0; i < a.length; i++) {
        if(inArray(b, a[i]))
            intersection.push(a[i]);
    }

    return intersection;
}

これは、両方にある値の配列戻りウィルaとをb。(数学的には、これは2つの配列の共通部分です。)

編集:問題の解決策については、Paoloの編集済みコードを参照してください。:)


これはすばらしいことですが、OPが要求するものではありません。PHPのin_arrayの機能を複製しません。
Paolo Bergantino、

3

PHPで使用可能なすべてのパラメーターが必要な場合は、次のように使用します。

function in_array(needle, haystack, argStrict) {
    var key = '', strict = !!argStrict;
    if (strict) {
        for (key in haystack) {
            if (haystack[key] === needle) {
                return true;
            }
        }
    }
    else {
        for (key in haystack) {
            if (haystack[key] == needle) {
                return true;
            }
        }
    }
    return false;
}

3

このコードをプロジェクトに追加し、オブジェクトスタイルのinArrayメソッドを使用します

if (!Array.prototype.inArray) {
    Array.prototype.inArray = function(element) {
        return this.indexOf(element) > -1;
    };
} 
//How it work
var array = ["one", "two", "three"];
//Return true
array.inArray("one");



1
function in_array(what, where) {
    var a=false;
    for (var i=0; i<where.length; i++) {
        if(what == where[i]) {
            a=true;
            break;
        }
    }
    return a;
}

1

私は偉大なjQueryの解決策を見つけたここ SO上。

var success = $.grep(array_a, function(v,i) {
    return $.inArray(v, array_b) !== -1;
}).length === array_a.length;

これを行う方法の例をアンダースコアで投稿してほしい。


1
function in_array(needle, haystack){

    return haystack.indexOf(needle) !== -1;
}

これは、それが配列の最初の要素であるかどうかを返すだけです。indexOf(needle) > 0falseが返される場合
DiMono 2014

0

in_arraywith underscoreと同等のものは_.indexOf

例:

_.indexOf([3, 5, 8], 8); // returns 2, the index of 8 _.indexOf([3, 5, 8], 10); // returns -1, not found


0

それをクラスで使用する予定であり、機能的に使いたい場合(そしてすべてのブラウザーで機能する場合):

inArray: function(needle, haystack)
{
    var result = false;

    for (var i in haystack) {
        if (haystack[i] === needle) {
            result = true;
            break;
        }
    }

    return result;
}

それが誰かを助けることを願っています:-)

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.