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

Man kann verwenden Satz die die Methode "has()" hat:

function contains(arr, obj) {
      var proxy = new Set(arr);
      if (proxy.has(obj))
        return true;
      else
        return false;
    }

    var arr = ['Happy', 'New', 'Year'];
    console.log(contains(arr, 'Happy'));

Answer 2

Verwendung:

var myArray = ['yellow', 'orange', 'red'] ;

alert(!!~myArray.indexOf('red')); //true

Demo

Um genau zu wissen, was die tilde ~ an dieser Stelle auf diese Frage verweisen Was bewirkt eine Tilde, wenn sie einem Ausdruck vorangestellt ist? .

Answer 3

Ich bin überrascht, dass diese Frage immer noch nicht mit der neuesten Syntax versehen ist und füge meine 2 Cents hinzu.

Nehmen wir an, wir haben ein Array von Objekten arrObj und wollen obj darin suchen.

Array.prototype. indexOf -> (gibt zurück Index oder -1 ) wird im Allgemeinen verwendet, um den Index eines Elements in einem Array zu finden. Dies kann auch für die Suche nach Objekten verwendet werden, funktioniert aber nur, wenn Sie einen Verweis auf dasselbe Objekt übergeben.

let obj = { name: 'Sumer', age: 36 };
let arrObj = [obj, { name: 'Kishor', age: 46 }, { name: 'Rupen', age: 26 }];

console.log(arrObj.indexOf(obj));// 0
console.log(arrObj.indexOf({ name: 'Sumer', age: 36 })); //-1

console.log([1, 3, 5, 2].indexOf(2)); //3

Array.prototype. enthält -> (gibt zurück wahr o falsch )

console.log(arrObj.includes(obj));  //true
console.log(arrObj.includes({ name: 'Sumer', age: 36 })); //false

console.log([1, 3, 5, 2].includes(2)); //true

Array.prototype. finden. -> (nimmt Rückruf, gibt zuerst zurück Wert/Objekt die in CB true zurückgibt).

console.log(arrObj.find(e => e.age > 40));  //{ name: 'Kishor', age: 46 }
console.log(arrObj.find(e => e.age > 40)); //{ name: 'Kishor', age: 46 }

console.log([1, 3, 5, 2].find(e => e > 2)); //3

Array.prototype. findIndex -> (nimmt Rückruf, gibt zurück Index des ersten Wertes/Objekts, das in CB den Wert "true" liefert).

console.log(arrObj.findIndex(e => e.age > 40));  //1
console.log(arrObj.findIndex(e => e.age > 40)); //1

console.log([1, 3, 5, 2].findIndex(e => e > 2)); //1

Da find und findIndex einen Callback benötigt, können wir jedes Objekt (auch wenn wir die Referenz nicht haben) aus dem Array holen, indem wir kreativ die Bedingung true setzen.

Answer 4

OK, Sie können einfach Optimieren Sie Ihr Code, um das Ergebnis zu erhalten!

Es gibt viele Möglichkeiten, dies sauberer und besser zu tun, aber ich wollte einfach nur Ihr Muster übernehmen und mich darauf beziehen, indem ich JSON.stringify Machen Sie in Ihrem Fall einfach etwas Ähnliches:

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

Answer 5

Verwenden. Array.prototype.includes zum Beispiel:

const fruits = ['coconut', 'banana', 'apple']

const doesFruitsHaveCoconut = fruits.includes('coconut')// true

console.log(doesFruitsHaveCoconut)

lesen Sie vielleicht diese Dokumentation von MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes