Filtre de tableau JavaScript()
Exemple 1
Renvoie un tableau de toutes les valeurs de ages[] qui sont 18 ans ou plus :
const ages = [32, 33, 16, 40];
const result = ages.filter(checkAdult);
function checkAdult(age) {
return age >= 18;
}
Définition et utilisation
La filter()
méthode crée un nouveau tableau rempli d'éléments qui réussissent un test fourni par une fonction.
La filter()
méthode n'exécute pas la fonction pour les éléments vides.
La filter()
méthode ne modifie pas le tableau d'origine.
Syntaxe
array.filter(function(currentValue, index, arr), thisValue)
Paramètres
Parameter | Description |
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 |
Un tableau |
Contenant les éléments qui réussissent le test. Si aucun élément ne réussit le test, il renvoie un tableau vide. |
Prise en charge du navigateur
filter()
est une fonctionnalité ECMAScript5 (ES5).
ES5 (JavaScript 2009) entièrement pris en charge dans tous les navigateurs :
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |
Exemple 2
Renvoie les valeurs en âges[] qui sont supérieures à un nombre spécifique :
<p><input type="number" id="ageToCheck" value="30"></p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
const ages = [32, 33, 12, 40];
function checkAge(age) {
return age > document.getElementById("ageToCheck").value;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.filter(checkAge);
}
</script>