Array.prototype.findLast()

Baseline Weitgehend verfgbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Gerten und in vielen Browserversionen. Sie ist seit August 2022 browserbergreifend verfgbar.

Mehr erfahren
Vollstndige Kompatibilitt anzeigen

Die findLast() Methode von Array Instanzen durchluft das Array in umgekehrter Reihenfolge und gibt den Wert des ersten Elements zurck, das die bereitgestellte Testfunktion erfllt. Wenn kein Element die Testfunktion erfllt, wird undefined zurckgegeben.

Wenn Sie Folgendes finden mssen:

das erste Element, das bereinstimmt, verwenden Sie find().
den Index des letzten bereinstimmenden Elements im Array, verwenden Sie findLastIndex().
den Index eines Wertes, verwenden Sie indexOf(). (Es ist hnlich wie findIndex(), berprft 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 geprft, anstatt eine Testfunktion zu verwenden.
ob irgendein Element die bereitgestellte Testfunktion erfllt, 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 fr jedes Element im Array ausgefhrt wird. Sie sollte einen truthy Wert zurckgeben, um anzugeben, dass ein bereinstimmendes 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 das findLast() angewendet wurde.

thisArg Optional

Ein Wert, der als this beim Ausfhren von callbackFn verwendet wird. Siehe iterative Methoden.

Rckgabewert

Das letzte (hchster Index) Element im Array, das die bereitgestellte Testfunktion erfllt; undefined wenn kein bereinstimmendes Element gefunden wird.

Beschreibung

Die findLast() Methode ist eine iterative Methode. Sie ruft eine bereitgestellte callbackFn Funktion einmal fr jedes Element in einem Array in absteigender Indexreihenfolge auf, bis callbackFn einen truthy Wert zurckgibt. findLast() gibt dann dieses Element zurck und stoppt die Iteration durch das Array. Wenn callbackFn niemals einen truthy Wert zurckgibt, gibt findLast() undefined zurck. Lesen Sie den Abschnitt iterative Methoden, um mehr darber zu erfahren, wie diese Methoden im Allgemeinen funktionieren.

callbackFn wird fr jeden Index des Arrays aufgerufen, nicht nur fr zugewiesene Werte. Leere Stellen in sparsely besetzten Arrays verhalten sich genauso wie undefined.

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

Beispiele

Finden des letzten Objekts in einem Array anhand von Element-Eigenschaften

Dieses Beispiel zeigt, wie Sie einen Test basierend auf den Eigenschaften von Array-Elementen erstellen knnten.

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 Pfeilfunktion und Destrukturierung

Das vorherige Beispiel knnte mit einer Pfeilfunktion und Objektdestrukturierung 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 }

Finden der letzten Primzahl in einem Array

Das folgende Beispiel gibt das letzte Element im Array zurck, 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 zur Veranschaulichung. Fr eine Anwendung in der realen Welt sollten Sie einen stark memoisierten Algorithmus wie das Sieb des Eratosthenes verwenden, um wiederholte Berechnungen zu vermeiden.

Finden der zuletzt abgeschlossenen Aufgabe

Dieses Beispiel zeigt eine praktische Anwendung fr findLast(), wenn Sie mit zeitlich geordneten Daten arbeiten. Es findet die zuletzt abgeschlossene Aufgabe aus einer bereits nach 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 ntzlich, wenn Sie auf ein anderes Element im Array zugreifen mchten, insbesondere wenn Sie keine vorhandene Variable haben, die sich auf das Array bezieht. Das folgende Beispiel verwendet zunchst 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 lckenhaften Arrays

Leere Stellen in lckenhaften Arrays werden besucht und werden genauso behandelt wie undefined.

// 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

Aufrufen von findLast() auf Nicht-Array-Objekten

Die findLast() Methode liest die length-Eigenschaft von this und greift dann auf jede Eigenschaft zu, deren Schlssel 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

Spezifikation
ECMAScript 2027 LanguageSpecification # sec-array.prototype.findlast

Browser-Kompatibilitt

Siehe auch

Help improve MDN

War diese bersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen knnen Diese Seite wurde automatisch aus dem Englischen bersetzt.

bersetzung auf GitHub anzeigen Fehler mit dieser bersetzung melden

Standard eingebaute Objekte
Array
Konstruktor
1. Array()
Statische Methoden
Statische Eigenschaften
1. [Symbol.species]
Instanzmethoden
Instanzeigenschaften
1. length
2. [Symbol.unscopables]
Vererbung
Object/Function
Statische Methoden
Statische Eigenschaften
Instanzmethoden
Instanzeigenschaften
1. __proto__
2. constructor