JavaScript-array findIndex()
voorbeeld 1
Zoek het eerste element met een waarde hoger dan 18:
const ages = [3, 10, 18, 20];
ages.findIndex(checkAge);
function checkAge(age) {
return age > 18;
}
Definitie en gebruik
De findIndex()
methode voert een functie uit voor elk array-element.
De findIndex()
methode retourneert de index (positie) van het eerste element dat een test doorstaat.
De findIndex()
methode retourneert -1 als er geen overeenkomst wordt gevonden.
De findIndex()
methode voert de functie niet uit voor lege array-elementen.
De findIndex()
methode verandert niets aan de oorspronkelijke array.
Syntaxis
array.findIndex(function(currentValue, index, arr), thisValue)
Parameters:
Parameter | Description |
function() | Required. A function to be 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 getal |
De index van het eerste element dat de test doorstaat. Anders -1. |
Browserondersteuning
findIndex()
is een ECMAScript6 (ES6)-functie.
ES6 (JavaScript 2015) wordt ondersteund in alle moderne browsers:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
findIndex()
wordt niet ondersteund in Internet Explorer 11 (of eerder).
Meer voorbeelden
Zoek het eerste element met een waarde boven een invoerwaarde:
<p><input type="number" id="toCheck" value="18"></p>
<button onclick="myFunction()">Test</button>
<p>Any values above: <span id="demo"></span></p>
<script>
const numbers = [4, 12, 16, 20];
function checkValue(x) {
return x > document.getElementById("toCheck").value;
}
function myFunction() {
document.getElementById("demo").innerHTML = numbers.findIndex(checkValue);
}
</script>