Tableau JavaScript findIndex()
Exemple 1
Trouvez le premier élément avec une valeur supérieure à 18 :
const ages = [3, 10, 18, 20];
ages.findIndex(checkAge);
function checkAge(age) {
return age > 18;
}
Définition et utilisation
La findIndex()
méthode exécute une fonction pour chaque élément du tableau.
La findIndex()
méthode renvoie l'index (position) du premier élément qui réussit un test.
La findIndex()
méthode renvoie -1 si aucune correspondance n'est trouvée.
La findIndex()
méthode n'exécute pas la fonction pour les éléments de tableau vides.
La findIndex()
méthode ne modifie pas le tableau d'origine.
Syntaxe
array.findIndex(function(currentValue, index, arr), thisValue)
Paramètres
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. |
Valeur de retour
Taper | La description |
Un numéro |
Index du premier élément qui réussit le test. Sinon -1. |
Prise en charge du navigateur
findIndex()
est une fonctionnalité ECMAScript6 (ES6).
ES6 (JavaScript 2015) est pris en charge dans tous les navigateurs modernes :
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
findIndex()
n'est pas pris en charge dans Internet Explorer 11 (ou version antérieure).
Plus d'exemples
Recherchez le premier élément avec une valeur supérieure à une valeur d'entrée :
<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>