Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Apprendre Filtrage des Tableaux avec la Méthode filter() | Méthodes Avancées de Tableaux et Transformations
Structures de Données JavaScript

bookFiltrage des Tableaux avec la Méthode filter()

Ce chapitre explore en profondeur les subtilités de la méthode filter(), en clarifiant sa syntaxe, ses applications et la manière dont elle permet de créer des tableaux affinés.

filter()

La méthode filter() sélectionne les éléments qui répondent à une condition particulière. Décortiquons la syntaxe :

array.filter((element, index, array) => {
  // Callback body
});

Points essentiels concernant la méthode filter() :

  • Ne modifie pas le tableau d'origine ;
  • Itère sur le tableau d'origine élément par élément ;
  • Retourne un nouveau tableau ;
  • Les éléments sont ajoutés au nouveau tableau s'ils satisfont la condition du callback ;
  • Si le callback retourne true, l'élément est inclus ; sinon, il est omis.

Exemples

La véritable puissance de la méthode filter() se révèle lorsqu'elle est appliquée à divers scénarios. Examinons quelques exemples illustratifs :

Exemple 1 : Filtrage des nombres impairs

Dans cet exemple, la méthode filter() crée un tableau (oddNumbers) composé uniquement des nombres impairs du tableau d'origine.


              
123456

            
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
copy

Exemple 2 : Filtrer des produits par gamme de prix

Ici, la méthode filter() est utilisée pour extraire les produits dont le prix est inférieur à 500 $, créant ainsi un nouveau tableau (affordableProducts).

const products = [
  { name: "Keyboard", price: 220 },
  { name: "Smartphone", price: 800 },
  { name: "Tablet", price: 500 },
  { name: "Headphones", price: 120 },
  { name: "Camera", price: 1500 },
];

const affordableProducts = products.filter((product) => product.price < 500);
console.log(affordableProducts); // Output: [ { name: "Keyboard", price: 220 }, { name: "Headphones", price: 120 } ]

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 condition faut-il utiliser pour que le tableau numbersGreaterThan20 contienne les nombres supérieurs à 20 ?

question mark

Que fait la méthode filter() ?

Select the correct answer

question mark

Quelle est une caractéristique clé de la méthode filter() ?

Select the correct answer

question mark

Dans l'exemple ci-dessous, quelle condition faut-il utiliser pour que le tableau numbersGreaterThan20 contienne les nombres supérieurs à 20 ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 5. Chapitre 3

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Suggested prompts:

Can you explain how the filter() method differs from the map() method?

Can you show more examples of using filter() with different data types?

What happens if no elements satisfy the filter condition?

Awesome!

Completion rate improved to 2.27

bookFiltrage des Tableaux avec la Méthode filter()

Glissez pour afficher le menu

Ce chapitre explore en profondeur les subtilités de la méthode filter(), en clarifiant sa syntaxe, ses applications et la manière dont elle permet de créer des tableaux affinés.

filter()

La méthode filter() sélectionne les éléments qui répondent à une condition particulière. Décortiquons la syntaxe :

array.filter((element, index, array) => {
  // Callback body
});

Points essentiels concernant la méthode filter() :

  • Ne modifie pas le tableau d'origine ;
  • Itère sur le tableau d'origine élément par élément ;
  • Retourne un nouveau tableau ;
  • Les éléments sont ajoutés au nouveau tableau s'ils satisfont la condition du callback ;
  • Si le callback retourne true, l'élément est inclus ; sinon, il est omis.

Exemples

La véritable puissance de la méthode filter() se révèle lorsqu'elle est appliquée à divers scénarios. Examinons quelques exemples illustratifs :

Exemple 1 : Filtrage des nombres impairs

Dans cet exemple, la méthode filter() crée un tableau (oddNumbers) composé uniquement des nombres impairs du tableau d'origine.


              
123456

            
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
copy

Exemple 2 : Filtrer des produits par gamme de prix

Ici, la méthode filter() est utilisée pour extraire les produits dont le prix est inférieur à 500 $, créant ainsi un nouveau tableau (affordableProducts).

const products = [
  { name: "Keyboard", price: 220 },
  { name: "Smartphone", price: 800 },
  { name: "Tablet", price: 500 },
  { name: "Headphones", price: 120 },
  { name: "Camera", price: 1500 },
];

const affordableProducts = products.filter((product) => product.price < 500);
console.log(affordableProducts); // Output: [ { name: "Keyboard", price: 220 }, { name: "Headphones", price: 120 } ]

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 condition faut-il utiliser pour que le tableau numbersGreaterThan20 contienne les nombres supérieurs à 20 ?

question mark

Que fait la méthode filter() ?

Select the correct answer

question mark

Quelle est une caractéristique clé de la méthode filter() ?

Select the correct answer

question mark

Dans l'exemple ci-dessous, quelle condition faut-il utiliser pour que le tableau numbersGreaterThan20 contienne les nombres supérieurs à 20 ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 5. Chapitre 3
some-alt