DiefindIndex() Methode vonArray Instanzen gibt den Index des ersten Elements in einem Array zurück, das die bereitgestellte Testfunktion erfüllt.Wenn kein Element die Testfunktion erfüllt, wird -1 zurückgegeben.

Siehe auch diefind() Methode, die das erste Element zurückgibt, das die Testfunktion erfüllt (anstatt dessen Index).

Probieren Sie es aus

const array = [5, 12, 8, 130, 44];const isLargeNumber = (element) => element > 13;console.log(array.findIndex(isLargeNumber));// Expected output: 3

Syntax

findIndex(callbackFn)findIndex(callbackFn, thisArg)

Parameter

callbackFn

Eine Funktion, die für jedes Element im Array ausgeführt wird. Sie sollte einentruthy Wert zurückgeben, um anzuzeigen, dass ein passendes Element gefunden wurde, und einenfalsy Wert andernfalls. Die Funktion wird mit den folgenden Argumenten aufgerufen:

element

Das aktuelle Element, das im Array verarbeitet wird.

index

Der Index des aktuellen Elements, das im Array verarbeitet wird.

array

Das Array, auf dasfindIndex() angewendet wurde.

thisArgOptional

Ein Wert, der alsthis beim Ausführen voncallbackFn verwendet werden soll. Sieheiterative Methoden.

Rückgabewert

Der Index des ersten Elements im Array, das den Test besteht. Andernfalls-1.

Beschreibung

findIndex() ist eineiterative Methode. Sie ruft eine bereitgestelltecallbackFn Funktion einmal für jedes Element in einem Array in aufsteigender Index-Reihenfolge auf, biscallbackFn einentruthy Wert zurückgibt.findIndex() gibt dann den Index dieses Elements zurück und stoppt die Iteration durch das Array. WenncallbackFn nie einen truthy Wert zurückgibt, gibtfindIndex()-1 zurück. Lesen Sie deniterative Methoden Abschnitt für mehr Informationen darüber, wie diese Methoden allgemein funktionieren.

callbackFn wird fürjeden Index des Arrays aufgerufen, nicht nur für diejenigen mit zugewiesenen Werten. Leere Stellen insparsely Arrays verhalten sich genauso wieundefined.

DiefindIndex() Methode istgenerisch. Sie erwartet nur, dass derthis Wert einelength Eigenschaft und integer-indizierte Eigenschaften hat.

Beispiele

Finden des Index des ersten Primzahl-Elements in einem Array

Das folgende Beispiel gibt den Index des ersten Elements im Array zurück, das eine Primzahl ist, oder-1, wenn es keine Primzahl gibt.

function isPrime(n) {  if (n < 2) {    return false;  }  if (n % 2 === 0) {    return n === 2;  }  for (let factor = 3; factor * factor <= n; factor += 2) {    if (n % factor === 0) {      return false;    }  }  return true;}console.log([4, 6, 8, 9, 12].findIndex(isPrime)); // -1, not foundconsole.log([4, 6, 7, 9, 12].findIndex(isPrime)); // 2 (array[2] is 7)

Verwenden des dritten Arguments von callbackFn

Dasarray Argument ist nützlich, wenn Sie auf ein anderes Element im Array zugreifen möchten, insbesondere wenn Sie keine vorhandene Variable haben, die auf das Array verweist. Das folgende Beispiel verwendet zuerstfilter(), um die positiven Werte zu extrahieren und verwendet dannfindIndex(), um das erste Element zu finden, das kleiner ist als seine Nachbarn.

const numbers = [3, -1, 1, 4, 1, 5, 9, 2, 6];const firstTrough = numbers  .filter((num) => num > 0)  .findIndex((num, idx, arr) => {    // Without the arr argument, there's no way to easily access the    // intermediate array without saving it to a variable.    if (idx > 0 && num >= arr[idx - 1]) return false;    if (idx < arr.length - 1 && num >= arr[idx + 1]) return false;    return true;  });console.log(firstTrough); // 1

Verwenden von findIndex() auf Sparse Arrays

Sie könnenundefined in einem Sparse Array suchen und den Index eines leeren Slots erhalten.

console.log([1, , 3].findIndex((x) => x === undefined)); // 1

findIndex() auf Nicht-Array-Objekten aufrufen

DiefindIndex() Methode liest dielength Eigenschaft vonthis und greift dann auf jede Eigenschaft zu, deren Schlüssel eine nicht-negative Ganzzahl ist, die kleiner ist alslength.

const arrayLike = {  length: 3,  "-1": 0.1, // ignored by findIndex() since -1 < 0  0: 2,  1: 7.3,  2: 4,};console.log(  Array.prototype.findIndex.call(arrayLike, (x) => !Number.isInteger(x)),); // 1

Spezifikationen

Browser-Kompatibilität

Siehe auch

• Polyfill vonArray.prototype.findIndex incore-js
• es-shims Polyfill vonArray.prototype.findIndex
• Indizierte Sammlungen Leitfaden
• Array
• Array.prototype.find()
• Array.prototype.findLast()
• Array.prototype.findLastIndex()
• Array.prototype.indexOf()
• Array.prototype.lastIndexOf()
• TypedArray.prototype.findIndex()