Bestimmen, ob ein Array einen Wert enthält

Question

Ich muss feststellen, ob ein Wert in einem Array vorhanden ist.

Ich verwende die folgende Funktion:

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

Die obige Funktion gibt immer false zurück.

Die Array-Werte und der Funktionsaufruf lauten wie folgt:

arrValues = ["Sam","Great", "Sample", "High"]
alert(arrValues.contains("Sam"));

Answer 1

jQuery hat dafür eine Nutzenfunktion:

$.inArray(value, array)

Gibt den Index von value en array . Rückgabe -1 si array enthält nicht value .

Siehe auch Wie prüfe ich, ob ein Array ein Objekt in JavaScript enthält?

Answer 2

var contains = function(needle) {
    // Per spec, the way to identify NaN is that it is not equal to itself
    var findNaN = needle !== needle;
    var indexOf;

    if(!findNaN && typeof Array.prototype.indexOf === 'function') {
        indexOf = Array.prototype.indexOf;
    } else {
        indexOf = function(needle) {
            var i = -1, index = -1;

            for(i = 0; i < this.length; i++) {
                var item = this[i];

                if((findNaN && item !== item) || item === needle) {
                    index = i;
                    break;
                }
            }

            return index;
        };
    }

    return indexOf.call(this, needle) > -1;
};

Sie können ihn wie folgt verwenden:

var myArray = [0,1,2],
    needle = 1,
    index = contains.call(myArray, needle); // true

CodePen-Validierung/Verwendung

Answer 3

Dafür ist im Allgemeinen die Methode indexOf() gedacht. Sie würden sagen:

return arrValues.indexOf('Sam') > -1

Answer 4

Array.prototype.includes()

In ES2016 gibt es Array.prototype.includes() .

Le site includes() Methode bestimmt, ob ein Array ein bestimmtes Element enthält und gibt true o false nach Bedarf.

Beispiel

["Sam", "Great", "Sample", "High"].includes("Sam"); // true

Unterstützung

Nach Angaben von kangax y MDN werden die folgenden Plattformen unterstützt:

• Chrom 47
• Rand 14
• Firefox 43
• Oper 34
• Safari 9
• Knoten 6

Die Unterstützung kann erweitert werden durch Babel (mit babel-polyfill ) oder core-js . MDN bietet auch eine Polyfill :

if (![].includes) {
  Array.prototype.includes = function(searchElement /*, fromIndex*/ ) {
    'use strict';
    var O = Object(this);
    var len = parseInt(O.length) || 0;
    if (len === 0) {
      return false;
    }
    var n = parseInt(arguments[1]) || 0;
    var k;
    if (n >= 0) {
      k = n;
    } else {
      k = len + n;
      if (k < 0) {k = 0;}
    }
    var currentElement;
    while (k < len) {
      currentElement = O[k];
      if (searchElement === currentElement ||
         (searchElement !== searchElement && currentElement !== currentElement)) {
        return true;
      }
      k++;
    }
    return false;
  };
}

Answer 5

Es ist fast immer sicherer, eine Bibliothek wie lodash einfach wegen all der Probleme mit der Kompatibilität zwischen verschiedenen Browsern und der Effizienz.

Effizienz, weil man sich sicher sein kann, dass eine sehr populäre Bibliothek wie underscore zu jedem Zeitpunkt die effizienteste Methode hat, um eine solche Funktion auszuführen.

_.includes([1, 2, 3], 3); // returns true

Wenn Sie Bedenken haben, dass Ihre Anwendung durch die Einbindung der gesamten Bibliothek zu umfangreich wird, können Sie die Funktionen auch separat einbinden:

var includes = require('lodash/collections/includes');

---

HINWEIS: Bei älteren Versionen von lodash war dies _.contains() statt _.includes() .