Wie prüfe ich, ob ein Array einen Wert in JavaScript enthält?

Question

Wie kann man am einfachsten und effizientesten herausfinden, ob ein JavaScript-Array einen Wert enthält?

Das ist die einzige Möglichkeit, die ich kenne:

function contains(a, obj) {
    for (var i = 0; i < a.length; i++) {
        if (a[i] === obj) {
            return true;
        }
    }
    return false;
}

Gibt es eine bessere und prägnantere Möglichkeit, dies zu erreichen?

Answer 1

Moderne Browser haben Array#includes die die genau das und wird weitgehend unterstützt von allen außer dem IE:

console.log(['joe', 'jane', 'mary'].includes('jane')); //true

Sie können auch Folgendes verwenden Array#indexOf , die weniger direkt ist, aber keine Polyfills für veraltete Browser erfordert.

console.log(['joe', 'jane', 'mary'].indexOf('jane') >= 0); //true

---

Auch viele Frameworks bieten ähnliche Methoden an:

• jQuery: $.inArray(value, array, [fromIndex])
• Underscore.js: _.contains(array, value) (auch alias als _.include y _.includes )
• Dojo-Werkzeugsatz: dojo.indexOf(array, value, [fromIndex, findLast])
• Prototyp: array.indexOf(value)
• MooTools: array.indexOf(value)
• MochiKit: findValue(array, value)
• MS Ajax: array.indexOf(value)
• Ext: Ext.Array.contains(array, value)
• Lodash: _.includes(array, value, [from]) (ist _.contains vor 4.0.0)
• Ramda: R.includes(value, array)

Beachten Sie, dass einige Frameworks dies als Funktion implementieren, während andere die Funktion zum Array-Prototyp hinzufügen.

Answer 2

Update von 2019: Diese Antwort stammt aus dem Jahr 2008 (11 Jahre alt!) und ist für die moderne JS-Nutzung nicht relevant. Die versprochene Leistungsverbesserung basierte auf einem Benchmark, der in Browsern dieser Zeit durchgeführt wurde. Sie ist für moderne JS-Ausführungskontexte möglicherweise nicht mehr relevant. Wenn Sie eine einfache Lösung benötigen, suchen Sie nach anderen Antworten. Wenn Sie die beste Leistung benötigen, führen Sie selbst einen Benchmark in den entsprechenden Ausführungsumgebungen durch.

Wie andere bereits gesagt haben, ist die Iteration durch das Array wahrscheinlich der beste Weg, aber es hat sich bewährt dass eine abnehmende while Schleife ist der schnellste Weg, um in JavaScript zu iterieren. Sie können Ihren Code also wie folgt umschreiben:

function contains(a, obj) {
    var i = a.length;
    while (i--) {
       if (a[i] === obj) {
           return true;
       }
    }
    return false;
}

Natürlich können Sie auch den Prototyp Array erweitern:

Array.prototype.contains = function(obj) {
    var i = this.length;
    while (i--) {
        if (this[i] === obj) {
            return true;
        }
    }
    return false;
}

Und jetzt können Sie einfach das Folgende verwenden:

alert([1, 2, 3].contains(2)); // => true
alert([1, 2, 3].contains('2')); // => false

Answer 3

Die oberen Antworten gehen von primitiven Typen aus, aber wenn Sie herausfinden wollen, ob ein Array ein Objekt mit einer bestimmten Eigenschaft, Array.prototype.some() ist eine elegante Lösung:

const items = [ {a: '1'}, {a: '2'}, {a: '3'} ]

items.some(item => item.a === '3')  // returns true
items.some(item => item.a === '4')  // returns false

Das Schöne daran ist, dass die Iteration abgebrochen wird, sobald das Element gefunden ist, so dass unnötige Iterationszyklen vermieden werden.

Außerdem passt es gut in einen if Anweisung, da sie einen booleschen Wert zurückgibt:

if (items.some(item => item.a === '3')) {
  // do something
}

* Wie jamess in ihrem Kommentar anmerkt, zum Zeitpunkt dieser Antwort, September 2018, Array.prototype.some() wird vollständig unterstützt: caniuse.com Unterstützungstabelle

Answer 4

indexOf vielleicht, aber es ist eine "JavaScript-Erweiterung des ECMA-262-Standards; als solche ist sie möglicherweise in anderen Implementierungen des Standards nicht vorhanden."

例

[1, 2, 3].indexOf(1) => 0
["foo", "bar", "baz"].indexOf("bar") => 1
[1, 2, 3].indexOf(4) => -1

AFAICS Microsoft tut pas eine Art Alternative anbieten dazu, aber Sie können ähnliche Funktionen zu Arrays im Internet Explorer (und anderen Browsern, die keine Unterstützung für indexOf ), wenn Sie das wollen, als Eine schnelle Google-Suche ergibt (zum Beispiel, celui-ci ).

Answer 5

ECMAScript 7 führt ein Array.prototype.includes .

Sie kann wie folgt verwendet werden:

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

Sie akzeptiert auch ein optionales zweites Argument fromIndex :

[1, 2, 3].includes(3, 3); // false
[1, 2, 3].includes(3, -1); // true

Anders als indexOf , die die Strenger Gleichheitsvergleich , includes vergleicht mit SameValueZero Gleichheitsalgorithmus. Das bedeutet, dass Sie erkennen können, ob ein Array eine NaN :

[1, 2, NaN].includes(NaN); // true

Auch im Gegensatz zu indexOf , includes überspringt keine fehlenden Indizes:

new Array(5).includes(undefined); // true

Sie kann sein polygefüllt damit es in allen Browsern funktioniert.