Array.prototype.findLast()

Baseline

Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit August 2022 browserübergreifend verfügbar.

Vollständige Kompatibilität anzeigen
Mehr erfahren

Die findLast() Methode von Array Instanzen durchläuft 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ü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(). (Es ist ähnlich wie findIndex(), prüft jedoch jedes Element auf Gleichheit mit dem Wert statt einer Testfunktion.)
ob ein Wert existiert in einem Array, verwenden Sie includes(). Auch hier wird jedes Element auf Gleichheit mit dem Wert geprüft statt einer Testfunktion.
ob irgendein Element die bereitgestellte Testfunktion erfüllt, verwenden Sie some().

Probieren Sie es aus

const array = [5, 12, 50, 130, 44];

const found = array.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:

element: Das aktuelle Element, das im Array verarbeitet wird.
index: Der Index des aktuellen Elements, das im Array verarbeitet wird.
array: Das Array, auf dem findLast() aufgerufen wurde.

thisArg Optional

Ein Wert, der als this beim Ausführen von callbackFn verwendet wird. 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 eine bereitgestellte callbackFn Funktion einmal 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. Wenn callbackFn niemals einen truthy Wert zurückgibt, gibt findLast() undefined zurück. Lesen Sie den Abschnitt zu iterativen Methoden für mehr Informationen darüber, wie diese Methoden im Allgemeinen funktionieren.

callbackFn wird für jeden Index des Arrays aufgerufen, nicht nur für solche mit zugewiesenen Werten. Leere Stellen in spärlichen Arrays verhalten sich wie undefined.

Die findLast() Methode ist generisch. Sie erwartet nur, dass der this Wert eine length Eigenschaft und ganzzahlig indizierte Eigenschaften hat.

Beispiele

Das letzte Objekt in einem Array finden, das mit Eigenschaften von Elementen übereinstimmt

Dieses Beispiel zeigt, wie Sie einen Test basierend auf den 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-Funktionen und Destructuring

Das vorherige Beispiel könnte mit einer Arrow-Funktion und Destructuring von Objekten 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 keine Primzahl vorhanden ist.

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. In einer realen Anwendung möchten Sie wahrscheinlich einen stark memoisierten Algorithmus wie das Siebs des Eratosthenes verwenden, um wiederholte Berechnungen zu vermeiden.

Die zuletzt abgeschlossene Aufgabe finden

Dieses Beispiel demonstriert einen praktischen Anwendungsfall für findLast(), wenn mit zeitlich geordneten Daten gearbeitet wird. Es findet die zuletzt abgeschlossene Aufgabe aus einer bereits durch timestamp sortierten Liste.

const tasks = [
  { name: "Setup project", completed: true, timestamp: 1609459200000 },
  { name: "Write tests", completed: false, timestamp: 1609545600000 },
  { name: "Fix bug #42", completed: true, timestamp: 1609632000000 },
  { name: "Deploy to staging", completed: true, timestamp: 1609718400000 },
  { name: "Review PR", completed: false, timestamp: 1609804800000 },
];

const lastCompletedTask = tasks.findLast((task) => task.completed);

console.log(lastCompletedTask.name); // Deploy to staging

Dies ist effizienter als die Verwendung von find() mit einem umgekehrten Array, da es die Erstellung eines neuen Arrays vermeidet.

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 Sie keine bestehende Variable haben, die auf das Array verweist. 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 spärlichen Arrays

Leere Stellen in spärlichen Arrays werden besucht 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}`);
  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 Nicht-Array-Objekten

Die findLast() Methode liest die length Eigenschaft von this und greift dann auf jede Eigenschaft zu, deren Schlüssel ein nicht negatives Integer ist, das 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

Spezifikation
ECMAScript® 2027 Language Specification # sec-array.prototype.findlast

Browser-Kompatibilität

Siehe auch

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden