Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
Array.prototype.find()
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Diefind()-Methode vonArray-Instanzen gibt das erste Element im bereitgestellten Array zurück, das die bereitgestellte Testfunktion erfüllt.Wenn keine Werte die Testfunktion erfüllen, wirdundefined zurückgegeben.
- Wenn Sie denIndex des gefundenen Elements im Array benötigen, verwenden Sie
findIndex(). - Wenn Sie denIndex eines Wertes finden müssen, verwenden Sie
indexOf().(Es ist ähnlich wiefindIndex(), überprüft jedoch jedes Element auf Gleichheit mit dem Wert, anstatt eine Testfunktion zu verwenden.) - Wenn Sie herausfinden müssen, ob ein Wertexistiert in einem Array, verwenden Sie
includes().Auch hier wird jedes Element auf Gleichheit mit dem Wert überprüft, anstatt eine Testfunktion zu verwenden. - Wenn Sie feststellen müssen, ob irgendein Element die bereitgestellte Testfunktion erfüllt, verwenden Sie
some(). - Wenn Sie alle Elemente finden müssen, die die bereitgestellte Testfunktion erfüllen, 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: 12Syntax
find(callbackFn)find(callbackFn, thisArg)Parameter
callbackFnEine Funktion, die für jedes Element im Array ausgeführt wird. Sie sollte einentruthy Wert zurückgeben, um anzuzeigen, dass ein übereinstimmendes Element gefunden wurde, und einenfalsy Wert ansonsten. Die Funktion wird mit den folgenden Argumenten aufgerufen:
thisArgOptionalEin Wert, der als
thisbeim Ausführen voncallbackFnverwendet wird. Sieheiterative Methoden.
Rückgabewert
Das erste Element im Array, das die bereitgestellte Testfunktion erfüllt.Andernfalls wirdundefined zurückgegeben.
Beschreibung
Diefind()-Methode ist eineiterative Methode. Sie ruft eine bereitgestelltecallbackFn-Funktion einmal für jedes Element in einem Array in aufsteigender Indexreihenfolge auf, biscallbackFn einentruthy Wert zurückgibt.find() gibt dann dieses Element zurück und stoppt das Durchlaufen des Arrays. WenncallbackFn nie einen truthy Wert zurückgibt, gibtfind()undefined zurück. Lesen Sie den Abschnitt überiterative Methoden, um mehr darüber zu erfahren, wie diese Methoden im Allgemeinen funktionieren.
callbackFn wird fürjeden Index des Arrays aufgerufen, nicht nur für solche mit zugewiesenen Werten. Leere Plätze insparsamente Arrays verhalten sich wieundefined.
Diefind()-Methode istgenerisch. Sie erwartet lediglich, dass derthis-Wert einelength-Eigenschaft und integer-schlüsselbasierte 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 zurück, das eine Primzahl ist, oderundefined, 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 foundconsole.log([4, 5, 8, 12].find(isPrime)); // 5Hinweis:Die Implementierung vonisPrime() dient nur zu Demonstrationszwecken. Für eine reale Anwendung sollten Sie einen stark memoisierten Algorithmus wie dasSieb des Eratosthenes verwenden, um wiederholte Berechnungen zu vermeiden.
Verwenden des dritten Arguments von callbackFn
Dasarray-Argument ist nützlich, wenn Sie auf ein anderes Element im Array zugreifen möchten, insbesondere wenn Sie keine vorhandene Variable haben, die auf das Array verweist. Im folgenden Beispiel wird zuerstfilter() verwendet, um die positiven Werte zu extrahieren, und dannfind(), 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); // 1Verwenden von find() auf sparsamente Arrays
Leere Plätze in sparsamente Arrayswerden besucht und wieundefined behandelt.
// Declare array with no elements at indexes 2, 3, and 4const array = [0, 1, , , , 5, 6];// Shows all indexes, not just those with assigned valuesarray.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 deletedarray.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 6Aufrufen von find() auf Nicht-Array-Objekten
Diefind()-Methode liest dielength-Eigenschaft vonthis und greift dann auf jede Eigenschaft zu, deren Schlüssel eine nicht-negative ganze Zahl kleiner alslength 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.3Spezifikationen
| Specification |
|---|
| ECMAScript® 2026 Language Specification # sec-array.prototype.find |
Browser-Kompatibilität
Siehe auch
- Polyfill von
Array.prototype.findincore-js - es-shims polyfill von
Array.prototype.find - Indizierte Sammlungen Leitfaden
ArrayArray.prototype.findIndex()Array.prototype.findLast()Array.prototype.findLastIndex()Array.prototype.includes()Array.prototype.filter()Array.prototype.every()Array.prototype.some()TypedArray.prototype.find()