Array.prototype.findLast()
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2022.
Die findLast()
-Methode von Array
-Instanzen iteriert in umgekehrter Reihenfolge über das Array und gibt den Wert des ersten Elements zurück, das die bereitgestellte Testfunktion erfüllt.
Wenn kein Element die Testfunktion erfüllt, wird undefined
zurückgegeben.
Falls Sie Folgendes finden müssen:
- das erste passende Element, verwenden Sie
find()
. - den Index des letzten passenden Elements im Array, verwenden Sie
findLastIndex()
. - den Index eines Wertes, verwenden Sie
indexOf()
. (Das ist ähnlich wiefindIndex()
, prüft jedoch jedes Element auf Gleichheit mit dem Wert anstatt eine Testfunktion zu verwenden.) - ob ein Wert in einem Array existiert, verwenden Sie
includes()
. Auch hier wird jedes Element auf Gleichheit mit dem Wert geprüft, anstatt eine Testfunktion zu verwenden. - ob irgendein Element die bereitgestellte Testfunktion erfüllt, verwenden Sie
some()
.
Probieren Sie es aus
const array1 = [5, 12, 50, 130, 44];
const found = array1.findLast((element) => element > 45);
console.log(found);
// Expected output: 130
Syntax
findLast(callbackFn)
findLast(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 passendes Element gefunden wurde, und einen falsy-Wert andernfalls. Die Funktion wird mit den folgenden Argumenten aufgerufen:
thisArg
Optional-
Ein Wert, der als
this
beim Ausführen voncallbackFn
verwendet werden soll. Siehe iterative Methoden.
Rückgabewert
Das letzte (höchster Index) Element im Array, das die bereitgestellte Testfunktion erfüllt; undefined
, wenn kein passendes Element gefunden wird.
Beschreibung
Die findLast()
-Methode ist eine iterative Methode. Sie ruft die bereitgestellte Funktion callbackFn
einmal für jedes Element in einem Array in absteigender Index-Reihenfolge auf, bis callbackFn
einen truthy-Wert zurückgibt. findLast()
gibt dann dieses Element zurück und stoppt die Iteration durch das Array. Wenn callbackFn
niemals einen truthy-Wert zurückgibt, gibt findLast()
undefined
zurück. Lesen Sie den Abschnitt iterative Methoden für mehr Informationen darüber, wie diese Methoden allgemein funktionieren.
callbackFn
wird für jeden Index des Arrays aufgerufen, nicht nur für die mit zugewiesenen Werten. Leere Plätze in dünn besetzten Arrays verhalten sich wie undefined
.
Die findLast()
-Methode ist generisch. Sie erwartet lediglich, dass der this
-Wert eine length
-Eigenschaft und Integer-keyed Eigenschaften hat.
Beispiele
Letztes Objekt in einem Array auf Basis von Eigenschaften der Elemente finden
Dieses Beispiel zeigt, wie Sie einen Test basierend auf Eigenschaften von Array-Elementen erstellen können.
const inventory = [
{ name: "apples", quantity: 2 },
{ name: "bananas", quantity: 0 },
{ name: "fish", quantity: 1 },
{ name: "cherries", quantity: 5 },
];
// return true inventory stock is low
function isNotEnough(item) {
return item.quantity < 2;
}
console.log(inventory.findLast(isNotEnough));
// { name: "fish", quantity: 1 }
Verwendung von Arrow Function und Destructuring
Das vorherige Beispiel könnte mit einer Arrow Function und Objekt-Destructuring geschrieben werden:
const inventory = [
{ name: "apples", quantity: 2 },
{ name: "bananas", quantity: 0 },
{ name: "fish", quantity: 1 },
{ name: "cherries", quantity: 5 },
];
const result = inventory.findLast(({ quantity }) => quantity < 2);
console.log(result);
// { name: "fish", quantity: 1 }
Letzte Primzahl in einem Array finden
Das folgende Beispiel gibt das letzte Element im Array zurück, das eine Primzahl ist, oder undefined
, 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, 12].findLast(isPrime)); // undefined, not found
console.log([4, 5, 7, 8, 9, 11, 12].findLast(isPrime)); // 11
Hinweis:
Die isPrime()
-Implementierung dient nur zu Demonstrationszwecken. Für eine reale Anwendung sollten Sie einen stark memoisierten Algorithmus wie das Sieb des Eratosthenes verwenden, um wiederholte Berechnungen zu vermeiden.
Verwendung des dritten Arguments von callbackFn
Das array
-Argument ist nützlich, wenn Sie auf ein anderes Element im Array zugreifen möchten, besonders wenn Sie keine existierende Variable haben, die das Array referenziert. Das folgende Beispiel verwendet zuerst filter()
, um die positiven Werte zu extrahieren, und dann findLast()
, um das letzte Element zu finden, das kleiner als seine Nachbarn ist.
const numbers = [3, -1, 1, 4, 1, 5, 9, 2, 6];
const lastTrough = numbers
.filter((num) => num > 0)
.findLast((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(lastTrough); // 2
Verwendung von findLast() auf dünn besetzten Arrays
Leere Plätze in dünn besetzten Arrays werden besucht und werden wie undefined
behandelt.
// Declare array with no elements at indexes 2, 3, and 4
const array = [0, 1, , , , 5, 6];
// Shows all indexes, not just those with assigned values
array.findLast((value, index) => {
console.log(`Visited index ${index} with value ${value}`);
return false;
});
// Visited index 6 with value 6
// Visited index 5 with value 5
// Visited index 4 with value undefined
// Visited index 3 with value undefined
// Visited index 2 with value undefined
// Visited index 1 with value 1
// Visited index 0 with value 0
// Shows all indexes, including deleted
array.findLast((value, index) => {
// Delete element 5 on first iteration
if (index === 6) {
console.log(`Deleting array[5] with value ${array[5]}`);
delete array[5];
}
// Element 5 is still visited even though deleted
console.log(`Visited index ${index} with value ${value}`);
return false;
});
// Deleting array[5] with value 5
// Visited index 6 with value 6
// Visited index 5 with value undefined
// Visited index 4 with value undefined
// Visited index 3 with value undefined
// Visited index 2 with value undefined
// Visited index 1 with value 1
// Visited index 0 with value 0
Aufruf von findLast() auf Objekten, die keine Arrays sind
Die findLast()
-Methode liest die length
-Eigenschaft von this
und greift dann auf jede Eigenschaft zu, deren Schlüssel eine nicht-negative Ganzzahl kleiner als length
ist.
const arrayLike = {
length: 3,
0: 2,
1: 7.3,
2: 4,
3: 3, // ignored by findLast() since length is 3
};
console.log(
Array.prototype.findLast.call(arrayLike, (x) => Number.isInteger(x)),
); // 4
Spezifikationen
Specification |
---|
ECMAScript® 2026 Language Specification # sec-array.prototype.findlast |
Browser-Kompatibilität
Siehe auch
- Polyfill von
Array.prototype.findLast
incore-js
- es-shims Polyfill von
Array.prototype.findLast
- Indizierte Sammlungen Leitfaden
Array
Array.prototype.find()
Array.prototype.findIndex()
Array.prototype.findLastIndex()
Array.prototype.includes()
Array.prototype.filter()
Array.prototype.every()
Array.prototype.some()
TypedArray.prototype.findLast()