JavaScript findIndex -Methode | Erklärt

Manchmal müssen Sie möglicherweise Finden Sie einen Index eines Array -Elements Um zu überprüfen, ob es die angegebenen Kriterien erfüllt. In einem JavaScript -Programm müssen Sie beispielsweise die Indexnummer des ersten Elements in einem Array abrufen, dessen Wert weniger als 18 beträgt. Es macht keinen Unterschied, wenn der Wert 1 oder 17 beträgt; Alles, was zählt, ist, dass der jeweilige Index das erste Auftreten des Elements mit einem Wert von weniger als 8 angesehen werden sollte. In einem solchen Szenario JavaScript "findIndex ()”Methode kann verwendet werden.

Diese Beschreibung lehrt die Verwendung des JavaScript findIndex () Methode mit Hilfe geeigneter Beispiele. So lass uns anfangen!

JavaScript findIndex () Methode

Der "findIndex ()Die Methode in ES6 ist der Find () -Methode ziemlich ähnlich. Anstatt das Element selbst zurückzugeben, ruft es jedoch den Index dieses Array -Elements ab. Der "findIndex ()”Methode akzeptiert a Testfunktion als Argument das sucht nach dem Erster Ereignis der erforderlichen Elemente und gibt seine zurück ““Index."Es setzt den Rückgabefall auf"-1”, Wenn kein solches Element existiert.

Syntax der Verwendung von JavaScript findIndex () Methode

findIndex (testfunc (element [, index [, array]]) [, thisArg]))

Hier das "findIndex ()Die Methode umfasst zwei Parameter: "Testfunc ()" und "ThisArg".

Wir werden beide Parameter der JavaScript-FindIndex () -Methode im folgenden Abschnitt diskutieren.

Testfunc () Parameter der findIndex () -Methode

In der oben gegebenen Syntax die “testfunc ()Die Funktion wird für jedes Array -Element aufgerufen, bis die Funktion zurückgibt “WAHR”, Was angibt, dass das erforderliche Element gefunden wird. Diese Funktion akzeptiert die folgenden drei Argumente:

• “Element”: In testfunc ()“, “Element" ist ein "erforderlichArgument, das das darstellt Aktuelles Element des Arrays.
• “Index":"Index" ist ein "OptionalArgument des „t“estfunc ()Das zeigt den Index des aktuellen Array -Elements an.
• “Array":"Array" ist ein anderer "Optional"Argument der"testfunc ()Das bezieht sich auf das Array unter Verarbeitung.

ThisArg -Parameter der findIndex () -Methode

“ThisArgIst ein optionaler Parameter der “findIndex ()Methode, die bei der Ausführung des Rückrufs verwendet wird. Sein Wert wird auf “gesetzt“nicht definiertWenn Sie keinen Wert angeben.

Schauen wir uns einige praktische Beispiele an, die die JavaScript -FindIndex () -Methode verwenden.

Beispiel 1: Verwenden der JavaScript -FindIndex () -Methode

Erstens werden wir ein Array namens erstellen “ZahlenMit den folgenden Elementen:

Sei Zahlen = [2, 3, 5, 7, 8, 9, 7];

Im nächsten Schritt werden wir die aufrufen “findIndex ()”Methode auf der“Zahlen”Array und übergeben Sie die Pfeilfunktion“=>”Das überprüft, ob das Element in der“Zahlen"Array ist gleich"7”:

Lassen Sie index = Zahlen.findIndex (number => number === 7);
Konsole.log ("Index ist" + Index);

Das erste „7“ Element findet sich am "Dritter" Index der "Zahlen" Array; Deshalb wurde die FindIndex () -Methode zurückgegeben “3”Als Index des ersten Auftretens eines Elements:

Wir werden jetzt die FindIndex () -Methode mit einer komplexeren Bedingung verwenden.

Beispiel 2: Verwenden der JavaScript -FindIndex () -Methode

Im selben Programm werden wir das ändern “findIndex ()Methode so, dass es den Index des ersten Auftretens der “abholt“7Element, in dem der Index größer ist als "3”In" Nummern "-Array:

Lassen Sie index = Zahlen.findIndex ((number, index) => numbers === 7 && index> 3); Konsole.log ("Index ist" + Index);

Der "Zahlen"Array umfasst zwei"7Elemente, eine im dritten Index und der andere im sechsten Index. Nach der gegebenen Bedingung die “jedoch“findIndex ()"Methode wird berücksichtigen"6"Als Index des ersten Auftretens der"7" Element:

Beispiel 3: Verwenden der JavaScript -FindIndex () -Methode

Angenommen, Sie haben eine Liste von Mitarbeiter Objekte mit "Name und Alter" Eigenschaften:

const -Mitarbeiter = [
Name: 'Alex', Alter: 24,
Name: 'Max', Alter: 27,
Name: 'Paul', Alter: 28,
];

Die folgende "findIndex ()"Methode findet den ersten Mitarbeiterindex in der"Mitarbeiter"Array, dessen Alter größer als"18”:

const index1 = Mitarbeiter.FindIndex (Mitarbeiter => Mitarbeiter.Alter> 18);
Konsole.log ("Index des berechtigten Mitarbeiter" + index1);

Wie Sie aus der Ausgabe erkennen können, ist der erste berechtigte Angestellte an der “anwesend0" Index:

Nach der angegebenen Bedingung, wenn kein Element in der “existiert“Mitarbeiter”Array dann das“findIndex ()"Methode wird zurückgegeben"-1”:

const index2 = Mitarbeiter.FindIndex (Mitarbeiter => Mitarbeiter.Alter<= 18);
Konsole.log ("Index des nicht berechtigten Mitarbeiter ist" + index2);

Die Ausgabe wird angezeigt "-1"Weil nicht das Alter eines einzelnen Mitarbeiters geringer ist als oder gleich" ist "18”:

Wir haben alle wesentlichen Informationen zusammengestellt, die sich auf die Verwendung der JavaScript findIndex () -Methode beziehen. Sie können dieses Thema nach Ihren Vorlieben weiter untersuchen.

Abschluss

Das JavaScript "findIndex ()„Methode wird zum Abnehmen des Index des ersten Auftretens eines Array -Elements verwendet. Diese Methode akzeptiert eine Testfunktion als Argument, das nach dem ersten Auftreten der erforderlichen Elemente sucht und seine “zurückgibt“Index,"Und wenn im Array kein solches Element vorhanden ist, setzt es den Rückgabefall auf"-1“. In dieser Beschreibung haben wir die Verwendung der JavaScript findIndex () -Methode mit Hilfe geeigneter Beispiele erörtert.