Array.prototype.findLast()
Baseline 2022Newly available
Since August 2022, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Die Methode findLast()
von Array
-Instanzen iteriert das Array in umgekehrter Reihenfolge 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öchten:
- das erste Element, das passt, verwenden Sie
find()
. - den Index des letzten passenden Elements im Array, verwenden Sie
findLastIndex()
. - den Index eines Werts, 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 im Array existiert, verwenden Sie
includes()
. Auch hier prüft es jedes Element auf Gleichheit mit dem Wert, anstatt eine Testfunktion zu verwenden. - ob ein 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 wird. Siehe iterative Methoden.
Rückgabewert
Das letzte (höchst indexierte) Element im Array, das die bereitgestellte Testfunktion erfüllt; undefined
, falls kein passendes Element gefunden wird.
Beschreibung
Die Methode findLast()
ist eine iterative Methode. Sie ruft eine bereitgestellte callbackFn
-Funktion für jedes Element in einem Array in absteigender Indexreihenfolge auf, bis callbackFn
einen truthy-Wert zurückgibt. findLast()
gibt dann dieses Element zurück und stoppt die Iteration durch das Array. Falls callbackFn
nie einen truthy-Wert zurückgibt, gibt findLast()
undefined
zurück. Lesen Sie den Abschnitt zu iterative Methoden, um mehr Informationen darüber zu erhalten, wie diese Methoden generell funktionieren.
callbackFn
wird für jeden Index des Arrays aufgerufen, nicht nur für diejenigen mit zugewiesenen Werten. Leere Stellen in sparsely arrays verhalten sich wie undefined
.
Die Methode findLast()
ist generisch. Sie erwartet nur, dass der this
-Wert eine length
-Eigenschaft und integerindizierte Eigenschaften hat.
Beispiele
Letztes Objekt in einem Array finden, das auf Eigenschaftswerten basiert
Dieses Beispiel zeigt, wie eine Testsituation basierend auf den Eigenschaften von Array-Elementen erstellt werden kann.
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 }
Verwenden einer Arrow-Funktion und Destructuring
Das vorherige Beispiel kann auch mit einer Arrow-Funktion und Objektdestructuring 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 }
Die 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(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, 12].findLast(isPrime)); // undefined, not found
console.log([4, 5, 7, 8, 9, 11, 12].findLast(isPrime)); // 11
Verwenden des dritten Arguments von callbackFn
Das array
-Argument ist nützlich, wenn ein anderes Element im Array aufgerufen werden muss, insbesondere wenn keine vorhandene Variable verfügbar ist, die auf das Array verweist. Im folgenden Beispiel wird zuerst filter()
verwendet, um die positiven Werte zu extrahieren, und dann findLast()
, um das letzte Element zu finden, das kleiner ist als seine Nachbarn.
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
Nutzung von findLast() bei sparsen Arrays
Leere Stellen in sparsen Arrays werden durchlaufen und 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}`);
});
// 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}`);
});
// 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
Aufrufen von findLast() auf Nicht-Array-Objekten
Die Methode findLast()
liest die length
-Eigenschaft von this
und greift dann auf jede Eigenschaft zu, deren Schlüssel eine nicht negative ganze Zahl 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® 2025 Language Specification # sec-array.prototype.findlast |
Browser-Kompatibilität
BCD tables only load in the browser
Siehe auch
- Polyfill für
Array.prototype.findLast
incore-js
- Leitfaden über Indexed collections
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()