JavaScript-array vind()
voorbeeld 1
Zoek de waarde van het eerste element met een waarde hoger dan 18:
const ages = [3, 10, 18, 20];
function checkAge(age) {
return age > 18;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.find(checkAge);
}
Definitie en gebruik
De find()
methode retourneert de waarde van het eerste element dat een test doorstaat.
De find()
methode voert een functie uit voor elk array-element.
De find()
methode keert terug undefined
als er geen elementen worden gevonden.
De find()
methode voert de functie niet uit voor lege elementen.
De find()
methode verandert niets aan de oorspronkelijke array.
Syntaxis
array.find(function(currentValue, index, arr),thisValue)
Parameters:
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. |
Winstwaarde
Type | Beschrijving |
Een waarde |
De waarde van het eerste element dat de test doorstaat. Anders keert het terug undefined . |
Browserondersteuning
find()
is een ECMAScript6 (ES6)-functie.
ES6 (JavaScript 2015) wordt ondersteund in alle moderne browsers:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
find()
wordt niet ondersteund in Internet Explorer 11 (of eerder).
Voorbeeld 2
Zoek de waarde van het eerste element dat met een waarde boven een specifiek getal:
<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>