Recherche de tableau JavaScript ()
Exemple 1
Trouvez la valeur du premier élément avec une valeur supérieure à 18 :
const ages = [3, 10, 18, 20];
function checkAge(age) {
return age > 18;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.find(checkAge);
}
Définition et utilisation
La find()
méthode renvoie la valeur du premier élément qui réussit un test.
La find()
méthode exécute une fonction pour chaque élément du tableau.
La find()
méthode revient undefined
si aucun élément n'est trouvé.
La find()
méthode n'exécute pas la fonction pour les éléments vides.
La find()
méthode ne modifie pas le tableau d'origine.
Syntaxe
array.find(function(currentValue, index, arr),thisValue)
Paramètres
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. |
Valeur de retour
Taper | La description |
Une valeur |
La valeur du premier élément qui réussit le test. Sinon ça revient undefined . |
Prise en charge du navigateur
find()
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 |
find()
n'est pas pris en charge dans Internet Explorer 11 (ou version antérieure).
Exemple 2
Trouvez la valeur du premier élément avec une valeur supérieure à un nombre spécifique :
<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>