Heim >Web-Frontend >Front-End-Fragen und Antworten >So finden Sie heraus, ob ein Element in einem Array in jquery vorhanden ist
Bei der Entwicklung mit jQuery stoßen wir normalerweise auf ein sehr häufiges Problem, nämlich die Frage, wie wir feststellen können, ob ein Element in einem Array vorhanden ist. In diesem Artikel untersuchen wir verschiedene Möglichkeiten, diese Aufgabe zu erfüllen.
Methode 1: Verwenden Sie die inArray()-Methode von jQuery.
In jQuery können wir die inArray()-Methode verwenden, um zu bestimmen, ob ein Element in einem Array vorhanden ist. Die inArray()-Methode kann zwei Parameter empfangen. Der erste Parameter ist das zu durchsuchende Element und der zweite Parameter ist das zu durchsuchende Array. Diese Methode gibt den Indexwert des gefundenen Elements im Array zurück oder -1, wenn es nicht gefunden wird.
Das Folgende ist ein einfacher Beispielcode, der die inArray()-Methode verwendet, um herauszufinden, ob ein Element in einem Array vorhanden ist:
var arr = ['apple', 'banana', 'orange', 'grape']; var index = $.inArray('banana', arr); if (index != -1) { console.log('元素存在于数组中,索引值为:' + index); } else { console.log('元素不存在于数组中'); }
Codeerklärung:
Definieren Sie zunächst ein Array mit vier Fruchtnamen und verwenden Sie die inArray()-Methode um herauszufinden, ob das Array das Element „Banane“ enthält. Wenn der von der Methode inArray() zurückgegebene Indexwert ungleich -1 ist, bedeutet dies, dass das Element im Array vorhanden ist und der Indexwert des Elements in der Konsole ausgegeben wird. Wenn andererseits der Indexwert gleich -1 ist, bedeutet dies, dass das Element nicht im Array vorhanden ist, und diese Informationen werden an die Konsole ausgegeben.
Methode 2: Verwenden Sie die grep()-Methode von jQuery
Eine weitere jQuery-Methode, mit der Sie feststellen können, ob ein Element in einem Array vorhanden ist, ist die grep()-Methode. Wie die inArray()-Methode empfängt auch die grep()-Methode zwei Parameter. Der erste Parameter ist das zu durchsuchende Array und der zweite Parameter ist die Suchbedingung. Die Methode grep() gibt ein neues Array zurück, das Elemente enthält, die die Kriterien erfüllen, oder ein leeres Array, wenn keine Elemente gefunden werden.
Das Folgende ist ein einfacher Beispielcode, der die Methode grep() verwendet, um herauszufinden, ob ein Element in einem Array vorhanden ist:
var arr = ['apple', 'banana', 'orange', 'grape']; var result = $.grep(arr, function (n) { return n == 'banana'; }); if (result.length > 0) { console.log('元素存在于数组中'); } else { console.log('元素不存在于数组中'); }
Codeerklärung:
Verwenden Sie die Methode grep(), um herauszufinden, ob das Array das Element „Banane“ enthält ". Wenn die Länge des neuen Arrays, das von der grep()-Methode zurückgegeben wird, größer als 0 ist, bedeutet dies, dass das Element im Array vorhanden ist und diese Informationen an die Konsole ausgegeben werden. Wenn andererseits die Länge des neuen Arrays gleich 0 ist, bedeutet dies, dass das Element nicht im Array vorhanden ist.
Methode 3: Verwenden Sie die Methode Includes() in ECMAScript 6
In der Spezifikation ECMAScript 6 wird eine neue Methode Includes() bereitgestellt, um zu bestimmen, ob ein Element in einem Array vorhanden ist. Mit der Methode include() können wir leicht feststellen, ob ein Element in einem Array vorhanden ist.
Das Folgende ist ein einfacher Beispielcode, der die Methode Includes() verwendet, um herauszufinden, ob das Element im Array vorhanden ist:
var arr = ['apple', 'banana', 'orange', 'grape']; if (arr.includes('banana')) { console.log('元素存在于数组中'); } else { console.log('元素不存在于数组中'); }
Codeerklärung:
Verwenden Sie die Methode Includes(), um festzustellen, ob das Element „Banane“ vorhanden ist das Array. Wenn das Element im Array vorhanden ist, geben Sie diese Informationen auf der Konsole aus. Im Gegenteil, wenn das Element im Array nicht vorhanden ist, werden die nicht vorhandenen Informationen an die Konsole ausgegeben.
Zusammenfassung
In diesem Artikel werden verschiedene Methoden vorgestellt, um festzustellen, ob ein Element in einem Array vorhanden ist, einschließlich der inArray()- und grep()-Methoden von jQuery sowie der include()-Methode in ECMAScript 6. Diese Methoden sind sehr praktisch und praktisch. Welche Methode Sie wählen, hängt ganz von Ihren persönlichen Gewohnheiten und Projektanforderungen ab.
Das obige ist der detaillierte Inhalt vonSo finden Sie heraus, ob ein Element in einem Array in jquery vorhanden ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!