JavaScript-Arraysuche

Array Such- und Suchmethoden

• Array indexOf()
• Array lastIndexOf()
• Array includes()
• Array find()
• Array findIndex()
• Array findLast()
• Array findLastIndex()

Siehe auch:

• Grund Methode
• Sortier Methode
• Iterativ Methode

JavaScript Array indexOf()

indexOf() Methode sucht nach Elementwerten im Array und gibt deren Position zurück.

Hinweis:Die Position des ersten Elements ist 0, die Position des zweiten Elements ist 1 und so weiter.

Beispiel

Suchen Sie das Element "Apfel" im Array:

const fruits = ["Apfel", "Orange", "Apfel", "Mango"];
let position = fruits.indexOf("Apfel") + 1;

Probieren Sie es selbst aus

Syntax

array.indexOf(item, start)

Rückgabewert:

• Wenn das Element nicht gefunden wird, gibt es -1 zurück.
• Wenn das Element mehrmals vorkommt, gibt es die Position der ersten Ausgabe zurück.

JavaScript Array lastIndexOf()

lastIndexOf() Methode mit indexOf() Gleich, aber gibt die Position der letzten Ausgabe des Elements zurück.

Beispiel

Suchen Sie das Element "Apfel" im Array:

const fruits = ["Apfel", "Orange", "Apfel", "Mango"];
let position = fruits.lastIndexOf("Apfel") + 1;

Probieren Sie es selbst aus

Syntax

array.lastIndexOf(item, start)

JavaScript Array includes()

ECMAScript 2016 führte Array.includes() Methode. Sie ermöglicht es uns zu überprüfen, ob ein Element im Array enthalten ist (einschließlich NaN, im Gegensatz zu indexOf).

Beispiel

const fruits = ["Banane", "Orange", "Apfel", "Mango"];
fruits.includes("Mango"); // gibt true zurück

Probieren Sie es selbst aus

Syntax

array.includes(search-item)

search-item:der zu suchende Element.

Hinweis:includes() kann NaN-Werte überprüfen, während indexOf() kann nicht.

Browser-Unterstützung

includes() ist ECMAScript 2016 Eigenschaft.

Seit März 2017 unterstützen alle modernen Browser ES2016:

Internet Explorer unterstützt nicht includes().

JavaScript Array find()

find() Die Methode gibt den Wert des ersten Elements zurück, das die Testfunktion erfüllt.

Beispiel

Suche das erste Element, das größer als 18 ist:

const numbers = [4, 9, 16, 25, 29];
let first = numbers.find(myFunction);
function myFunction(wert, index, array) {
  return wert > 18;

Probieren Sie es selbst aus

Hinweis:Die Funktion akzeptiert 3 Parameter:

• Element-Wert
• Element-Index
• Array selbst

Browser-Unterstützung

find() ist eine Eigenschaft von ES6 (JavaScript 2015).

Seit Juni 2017 unterstützen alle modernen Browser ES6:

Internet Explorer unterstützt dies nicht find().

JavaScript Array findIndex()

findIndex() Die Methode gibt den Index des ersten Elements zurück, das die Testfunktion erfüllt.

Beispiel

Suche den Index des ersten Elements, das größer als 18 ist:

const numbers = [4, 9, 16, 25, 29];
let first = numbers.findIndex(myFunction);
function myFunction(wert, index, array) {
  return wert > 18;

Probieren Sie es selbst aus

Hinweis:Die Funktion akzeptiert 3 Parameter:

• Element-Wert
• Element-Index
• Array selbst

Browser-Unterstützung

findIndex() ist eine Eigenschaft von ES6 (JavaScript 2015).

Seit Juni 2017 unterstützen alle modernen Browser ES6:

Internet Explorer unterstützt dies nicht findIndex().

JavaScript Array findLast()

ES2023 hat hinzugefügt findLast() Methode, die vom Ende des Arrays aus sucht und den Wert des ersten erfüllenden Elements zurückgibt.

Beispiel

const temp = [27, 28, 30, 40, 42, 35, 30];
let hoch = temp.findLast(x => x > 40);

Probieren Sie es selbst aus

Browser-Unterstützung

findLast() Es ist eine Eigenschaft von ES2023.

Ab Juli 2023 unterstützen alle modernen Browser:

JavaScript Array findLastIndex() Methode

findLastIndex() Der Methode wird der Index des letzten Elements zurückgegeben, das die Bedingung erfüllt.

Beispiel

const temp = [27, 28, 30, 40, 42, 35, 30];
let pos = temp.findLastIndex(x => x > 40);

Probieren Sie es selbst aus

Browser-Unterstützung

findLastIndex() Es ist eine Eigenschaft von ES2023.

Ab Juli 2023 unterstützen alle modernen Browser:

Vollständiges Array-Referenzhandbuch

Für eine vollständige Array-Referenz besuchen Sie bitte:JavaScript-Array-Referenzhandbuch.

Dieses Handbuch enthält alle Beschreibungen und Beispiele der Array-Attribute und -Methoden.