Array.prototype.find()

Baseline Weitgehend verfgbar

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

Mehr erfahren
Vollstndige Kompatibilitt anzeigen

Die find()-Methode von Array-Instanzen gibt das erste Element im bereitgestellten Array zurck, das die bereitgestellte Testfunktion erfllt. Wenn keine Werte die Testfunktion erfllen, wird undefined zurckgegeben.

Wenn Sie den Index des gefundenen Elements im Array bentigen, verwenden Sie findIndex().
Wenn Sie den Index eines Wertes finden mssen, verwenden Sie indexOf(). (Es ist hnlich wie findIndex(), berprft jedoch jedes Element auf Gleichheit mit dem Wert, anstatt eine Testfunktion zu verwenden.)
Wenn Sie herausfinden mssen, ob ein Wert existiert in einem Array, verwenden Sie includes(). Auch hier wird jedes Element auf Gleichheit mit dem Wert berprft, anstatt eine Testfunktion zu verwenden.
Wenn Sie feststellen mssen, ob irgendein Element die bereitgestellte Testfunktion erfllt, verwenden Sie some().
Wenn Sie alle Elemente finden mssen, die die bereitgestellte Testfunktion erfllen, verwenden Sie filter().

Probieren Sie es aus

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

const found = array.find((element) => element > 10);

console.log(found);
// Expected output: 12

Syntax

find(callbackFn)
find(callbackFn, thisArg)

Parameter

callbackFn

Eine Funktion, die fr jedes Element im Array ausgefhrt wird. Sie sollte einen truthy Wert zurckgeben, um anzuzeigen, dass ein bereinstimmendes Element gefunden wurde, und einen falsy Wert ansonsten. 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 find() aufgerufen wurde.

thisArg Optional

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

Rckgabewert

Das erste Element im Array, das die bereitgestellte Testfunktion erfllt. Andernfalls wird undefined zurckgegeben.

Beschreibung

Die find()-Methode ist eine iterative Methode. Sie ruft eine bereitgestellte callbackFn-Funktion einmal fr jedes Element in einem Array in aufsteigender Indexreihenfolge auf, bis callbackFn einen truthy Wert zurckgibt. find() gibt dann dieses Element zurck und stoppt das Durchlaufen des Arrays. Wenn callbackFn nie einen truthy Wert zurckgibt, gibt find() undefined zurck. Lesen Sie den Abschnitt ber iterative Methoden, um mehr darber zu erfahren, wie diese Methoden im Allgemeinen funktionieren.

callbackFn wird fr jeden Index des Arrays aufgerufen, nicht nur fr solche mit zugewiesenen Werten. Leere Pltze in sparsamente Arrays verhalten sich wie undefined.

Die find()-Methode ist generisch. Sie erwartet lediglich, dass der this-Wert eine length-Eigenschaft und integer-schlsselbasierte Eigenschaften hat.

Beispiele

Ein Objekt in einem Array nach einer seiner Eigenschaften finden

const inventory = [
  { name: "apples", quantity: 2 },
  { name: "bananas", quantity: 0 },
  { name: "cherries", quantity: 5 },
];

function isCherries(fruit) {
  return fruit.name === "cherries";
}

console.log(inventory.find(isCherries));
// { name: 'cherries', quantity: 5 }

Mit Pfeilfunktion und Destrukturierung

const inventory = [
  { name: "apples", quantity: 2 },
  { name: "bananas", quantity: 0 },
  { name: "cherries", quantity: 5 },
];

const result = inventory.find(({ name }) => name === "cherries");

console.log(result); // { name: 'cherries', quantity: 5 }

Die erste Primzahl in einem Array finden

Das folgende Beispiel gibt das erste Element im Array zurck, 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].find(isPrime)); // undefined, not found
console.log([4, 5, 8, 12].find(isPrime)); // 5

Hinweis: Die Implementierung von isPrime() dient nur zu Demonstrationszwecken. Fr eine reale Anwendung sollten Sie einen stark memoisierten Algorithmus wie das Sieb des Eratosthenes verwenden, um wiederholte Berechnungen zu vermeiden.

Verwenden 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 auf das Array verweist. Im folgenden Beispiel wird zuerst filter() verwendet, um die positiven Werte zu extrahieren, und dann find(), 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)
  .find((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

Verwenden von find() auf sparsamente Arrays

Leere Pltze in sparsamente 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.find((value, index) => {
  console.log("Visited index", index, "with value", value);
  return false;
});
// Visited index 0 with value 0
// Visited index 1 with value 1
// Visited index 2 with value undefined
// Visited index 3 with value undefined
// Visited index 4 with value undefined
// Visited index 5 with value 5
// Visited index 6 with value 6

// Shows all indexes, including deleted
array.find((value, index) => {
  // Delete element 5 on first iteration
  if (index === 0) {
    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 0 with value 0
// Visited index 1 with value 1
// Visited index 2 with value undefined
// Visited index 3 with value undefined
// Visited index 4 with value undefined
// Visited index 5 with value undefined
// Visited index 6 with value 6

Aufrufen von find() auf Nicht-Array-Objekten

Die find()-Methode liest die length-Eigenschaft von this und greift dann auf jede Eigenschaft zu, deren Schlssel eine nicht-negative ganze Zahl kleiner als length ist.

const arrayLike = {
  length: 3,
  "-1": 0.1, // ignored by find() since -1 < 0
  0: 2,
  1: 7.3,
  2: 4,
};
console.log(Array.prototype.find.call(arrayLike, (x) => !Number.isInteger(x)));
// 7.3

Spezifikationen

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

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