Derniers tutoriels de développement web
 

JavaScript filtre Array () Méthode

JavaScript Tableau de référence JavaScript Tableau de référence

Exemple

Retourne un tableau de toutes les valeurs dans le tableau âges qui sont 18 ans ou plus:

var ages = [32, 33, 16, 40];

function checkAdult(age) {
    return age >= 18;
}

function myFunction() {
    document.getElementById("demo").innerHTML = ages.filter(checkAdult);
}

Le résultat sera le suivant:

32,33,40
Essayez - le vous - même »

Plus "Try it yourself" exemples ci-dessous.


Définition et utilisation

Le filter() méthode crée un tableau rempli de tous les éléments du tableau qui passent un test (fourni en fonction).

Remarque: filtrer () ne pas exécuter la fonction pour les éléments du tableau sans valeurs.

Remarque: filtrer () ne change pas le tableau original.


support du navigateur

Les chiffres du tableau indiquent la première version du navigateur qui soutient pleinement la méthode.

méthode
filter() Oui 9.0 1.5 Oui Oui

Syntaxe

array.filter( function(currentValue,index,arr), thisValue )

Paramètre valeurs

Parameter Description
function(currentValue, index,arr) Required. A function to be run for each element in the array.
Function arguments:
Argument Description
currentValue Required. The value of the current element
index Optional. The array index of the current element
arr Optional. The array object the current element belongs to
thisValue Optional. A value to be passed to the function to be used as its "this" value.
If this parameter is empty, the value "undefined" will be passed as its "this" value

Détails techniques

Valeur de retour: Un tableau contenant tous les éléments du tableau qui passent le test. Si aucun élément passent le test, il retourne un tableau vide.
JavaScript Version: 1.6

Exemples

Autres exemples

Exemple

Retourne un tableau de toutes les valeurs dans le tableau âges qui sont un nombre spécifique ou plus:

<p>Minimum age: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">Try it</button>

<p>All ages above minimum: <span id="demo"></span></p>

<script>
var ages = [32, 33, 12, 40];

function checkAdult(age) {
    return age >= document.getElementById("ageToCheck").value;
}

function myFunction() {
    document.getElementById("demo").innerHTML = ages.filter(checkAdult);
}
</script>
Essayez - le vous - même »

JavaScript Tableau de référence JavaScript Tableau de référence