Array.prototype.findIndex()
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016.
Die findIndex()
-Methode von Array
-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 die find()
-Methode, die das erste Element zurückgibt, das die Testfunktion erfüllt (statt dessen Index).
Probieren Sie es aus
const array1 = [5, 12, 8, 130, 44];
const isLargeNumber = (element) => element > 13;
console.log(array1.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 einen truthy-Wert zurückgeben, um anzuzeigen, dass ein übereinstimmendes Element gefunden wurde, und einen falsy-Wert andernfalls. Die Funktion wird mit den folgenden Argumenten aufgerufen:
thisArg
Optional-
Ein Wert, der als
this
verwendet wird, wenncallbackFn
ausgeführt wird. Siehe iterative Methoden.
Rückgabewert
Der Index des ersten Elements im Array, das den Test besteht. Andernfalls -1
.
Beschreibung
Die findIndex()
-Methode ist eine iterative Methode. Sie ruft eine bereitgestellte callbackFn
-Funktion einmal für jedes Element in einem Array in aufsteigender Indexreihenfolge auf, bis callbackFn
einen truthy-Wert zurückgibt. findIndex()
gibt dann den Index dieses Elements zurück und stoppt die Iteration durch das Array. Wenn callbackFn
nie einen truthy-Wert zurückgibt, gibt findIndex()
-1
zurück. Lesen Sie den Abschnitt iterative Methoden für weitere Informationen darüber, wie diese Methoden allgemein funktionieren.
callbackFn
wird für jeden Index des Arrays aufgerufen, nicht nur für diejenigen mit zugewiesenen Werten. Leere Stellen in sparsamen Arrays verhalten sich genauso wie undefined
.
Die findIndex()
-Methode ist generisch. Sie erwartet lediglich, dass der this
-Wert eine length
-Eigenschaft und integerindizierte Eigenschaften hat.
Beispiele
Den Index der ersten Primzahl in einem Array finden
Das folgende Beispiel gibt den Index des ersten Elements im Array zurück, das eine Primzahl ist, oder -1
, wenn keine Primzahl vorhanden ist.
function isPrime(element) {
if (element % 2 === 0 || element < 2) {
return false;
}
for (let factor = 3; factor <= Math.sqrt(element); factor += 2) {
if (element % factor === 0) {
return false;
}
}
return true;
}
console.log([4, 6, 8, 9, 12].findIndex(isPrime)); // -1, not found
console.log([4, 6, 7, 9, 12].findIndex(isPrime)); // 2 (array[2] is 7)
Verwendung des dritten Arguments von callbackFn
Das array
-Argument ist nützlich, wenn Sie auf ein anderes Element im Array zugreifen möchten, insbesondere wenn keine vorhandene Variable auf das Array verweist. Das folgende Beispiel verwendet zuerst filter()
, um die positiven Werte zu extrahieren, und dann findIndex()
, um das erste Element zu finden, das kleiner als seine Nachbarn ist.
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
Verwendung von findIndex() auf sparsamen Arrays
Sie können nach undefined
in einem sparsamen Array suchen und den Index eines leeren Slots erhalten.
console.log([1, , 3].findIndex((x) => x === undefined)); // 1
Aufrufen von findIndex() auf Nicht-Array-Objekten
Die findIndex()
-Methode liest die length
-Eigenschaft von this
und greift dann auf jede Eigenschaft zu, deren Schlüssel eine nichtnegative Ganzzahl kleiner als length
ist.
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
Specification |
---|
ECMAScript® 2025 Language Specification # sec-array.prototype.findindex |
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | server | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
findIndex |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support