Contenu du cours
Structures de Données JavaScript
Structures de Données JavaScript
Méthode Filter()
Ce chapitre explore les subtilités de la méthode filter()
, en éclaircissant sa syntaxe, ses applications, et comment elle facilite la création de tableaux affinés.
filter()
La méthode filter()
sélectionne les éléments qui répondent à une condition particulière. Décortiquons la syntaxe :
Voici ce qu'il faut savoir sur la méthode filter() :
- Elle ne modifie pas le tableau original ;
- Elle itère sur le tableau original élément par élément ;
- Elle retourne un nouveau tableau ;
- Les éléments sont ajoutés au nouveau tableau s'ils satisfont la condition du callback ;
- Si le callback retourne vrai, l'élément est inclus ; sinon, il est omis.
Exemples
La véritable prouesse de la méthode filter()
devient apparente lorsqu'elle est appliquée à divers scénarios. Explorons quelques exemples illustratifs :
Exemple 1 : Filtrage des Nombres Impairs
Dans cet exemple, la méthode filter()
crée un tableau (oddNumbers
) ne comprenant que les nombres impairs du tableau original.
const numbers = [15, 22, 37, 41, 58, 67, 72]; const oddNumbers = numbers.filter((number) => { return number % 2 !== 0; }); console.log(oddNumbers); // Output: 15, 37, 41, 67
Exemple 2 : Filtrage des produits par gamme de prix
Ici, la méthode filter()
est utilisée pour extraire les produits dont les prix sont inférieurs à 500 $, créant ainsi un nouveau tableau (affordableProducts
).
1. Que fait la méthode filter()
?
2. Quelle est une caractéristique clé de la méthode filter()
?
3. Dans l'exemple ci-dessous, quelle devrait être la condition pour que le tableau numbersGreaterThan20
contienne des nombres supérieurs à 20 ?
Merci pour vos commentaires !