JavaScript Array vind ()
Voorbeeld 1
Vind die waarde van die eerste element met 'n waarde meer as 18:
const ages = [3, 10, 18, 20];
function checkAge(age) {
return age > 18;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.find(checkAge);
}
Definisie en gebruik
Die find()
metode gee die waarde terug van die eerste element wat 'n toets slaag.
Die find()
metode voer 'n funksie vir elke skikkingselement uit.
Die find()
metode herstel undefined
indien geen elemente gevind word nie.
Die find()
metode voer nie die funksie vir leë elemente uit nie.
Die find()
metode verander nie die oorspronklike skikking nie.
Sintaksis
array.find(function(currentValue, index, arr),thisValue)
Grense
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. |
Terugkeerwaarde
Tik | Beskrywing |
'n Waarde |
Die waarde van die eerste element wat die toets geslaag het. Anders keer dit terug undefined . |
Blaaierondersteuning
find()
is 'n ECMAScript6 (ES6) kenmerk.
ES6 (JavaScript 2015) word in alle moderne blaaiers ondersteun:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
find()
word nie in Internet Explorer 11 (of vroeër) ondersteun nie.
Voorbeeld 2
Vind die waarde van die eerste element wat met 'n waarde bo 'n spesifieke 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>