253

JavaScriptで、ある配列の値を比較して、それが別の配列にあるかどうかを確認する方法はありますか？

in_arrayPHPの関数に似ていますか？

4

20 に答える 20

268

いいえ、ありません。このため、最も人気のあるライブラリには、ユーティリティパッケージに1つ含まれています。例については、 jQueryのinArrayとPrototypeの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

クリスとアレックスによって投稿されたコードは、この動作に従いません。AlexはPrototypeの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

アレイのプロトタイプを意図的に拡張しなかったことに注意してください。これは、一般的に拡張するのは悪い考えです。

于 2009-04-23T23:47:13.743 に答える
124

今あります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)
于 2016-11-21T09:50:03.800 に答える
67

Array.indexOfJavaScript 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;
  };
}

スクリプトを楽しむための便利な使用法スニペットもあります。

于 2009-04-24T00:10:48.257 に答える
23

PHPの方法：

if (in_array('a', ['a', 'b', 'c'])) {
   // do something if true
}

JSでの私の解決策：

if (['a', 'b', 'c'].includes('a')) {
   // do something if true
}
于 2020-07-29T07:33:47.150 に答える
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;
}
于 2011-08-06T16:59:20.100 に答える
14

w3schoolsのこのレッスンで説明されているように、「includes」機能を使用するだけです。

のように見えます

let myArray = ['Kevin', 'Bob', 'Stuart'];
if( myArray.includes('Kevin'))
console.log('Kevin is here');

于 2019-09-30T21:50:23.473 に答える
9

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

使用例：

in_array('van', myArray);

in_array(1, otherArray, true); // Forcing strict type
于 2012-06-07T21:51:57.590 に答える
6

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

$.inArray( 10, [ 8, 9, 10, 11 ] );
于 2014-12-25T21:12:22.947 に答える
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;
于 2013-05-24T10:14:30.877 に答える
4

同等の機能があります：

includes()

こちらをご覧ください： https ：//developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes

于 2017-09-30T18:03:22.843 に答える
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の編集済みコードを参照してください。:)

于 2009-04-24T00:01:53.320 に答える
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;
}
于 2012-06-06T15:46:21.833 に答える
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");
于 2016-03-24T08:27:55.580 に答える
2

Dojo Toolkitでは、を使用しますdojo.indexOf()。ドキュメントについてはdojo.indexOfを、いくつかの例についてはBryanForbesによって簡単に作成された配列を参照してください。

于 2011-12-20T09:45:27.933 に答える
2 
function in_array(needle, haystack){

    return haystack.indexOf(needle) !== -1;
}
于 2014-01-15T19:13:35.833 に答える
2 
haystack.find(value => value == needle)

ここで、haystackは配列であり、needleは配列内の要素です。見つからない要素が未定義で返される場合、それ以外の場合は同じ要素が返されます。

于 2019-10-11T00:09:47.497 に答える
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;
}
于 2011-12-29T08:39:56.727 に答える
1

私はここSOで素晴らしいjQueryソリューションを見つけました。

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

誰かがこれを行う方法の例をアンダースコアで投稿してくれることを願っています。

于 2013-10-29T16:37:50.497 に答える
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

于 2015-01-13T16:56:44.840 に答える
0

クラスで使用する場合、および機能する（そしてすべてのブラウザーで機能する）ことを希望する場合：

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

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

    return result;
}

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

于 2015-01-13T22:30:55.407 に答える