JavaScript-Array find()
Beispiel 1
Finden Sie den Wert des ersten Elements mit einem Wert über 18:
const ages = [3, 10, 18, 20];
function checkAge(age) {
return age > 18;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.find(checkAge);
}
Definition und Verwendung
Die find()
Methode gibt den Wert des ersten Elements zurück, das einen Test besteht.
Die find()
Methode führt für jedes Array-Element eine Funktion aus.
Die find()
Methode wiederholt sich, undefined
wenn keine Elemente gefunden werden.
Die find()
Methode führt die Funktion nicht für leere Elemente aus.
Die find()
Methode ändert das ursprüngliche Array nicht.
Syntax
array.find(function(currentValue, index, arr),thisValue)
Parameter
function() | Required. A function to run for each array element. |
currentValue | Required. The value of the current element. |
index | Optional. The index of the current element. |
arr | Optional. The array of the current element. |
thisValue | Optional. Default undefined .A value passed to the function as its this value. |
Rückgabewert
Typ | Beschreibung |
Ein Wert |
Der Wert des ersten Elements, das den Test besteht. Sonst kehrt es zurück undefined . |
Browser-Unterstützung
find()
ist eine ECMAScript6 (ES6)-Funktion.
ES6 (JavaScript 2015) wird in allen modernen Browsern unterstützt:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
find()
wird in Internet Explorer 11 (oder früher) nicht unterstützt.
Beispiel 2
Finden Sie den Wert des ersten Elements mit einem Wert über einer bestimmten Zahl:
<p><input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
const ages = [4, 12, 16, 20];
function checkAge(age) {
return age > document.getElementById("ageToCheck").value;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.find(checkAge);
}
</script>