Manipuler des Tableaux en JavaScript : Mapping, Filtrage et Tri

Les tableaux sont une partie intégrante de la programmation en JavaScript. Ils permettent de stocker et de manipuler des collections d’éléments de manière efficace. Dans cet article, nous allons explorer trois opérations importantes sur les tableaux en JavaScript : mapping, filtrage et tri.

1. Introduction

Les tableaux sont utilisés pour stocker des collections d’éléments de même type. Ils peuvent être manipulés de manière à créer de nouvelles collections ou à extraire des informations spécifiques. Dans cette section, nous allons découvrir comment effectuer trois opérations importantes sur les tableaux : mapping, filtrage et tri.

1.1 Mapping

Le mapping consiste à appliquer une fonction à chaque élément d’un tableau pour créer un nouveau tableau avec les résultats. Cette opération est utile pour transformer les données ou pour extraire des informations spécifiques.

Exemple :

const nombres = [5, 32, 43, 4];
const longueurs = nombres.map(n => n.toString().length);
console.log(longueurs); // [2, 2, 3, 1]

Dans cet exemple, la fonction map est utilisée pour appliquer une fonction à chaque élément du tableau nombres. La fonction renvoie la longueur de la chaîne sous forme de nombre. Le résultat est un nouveau tableau longueurs contenant les longueurs des nombres.

1.2 Filtrage

Le filtrage consiste à sélectionner les éléments d’un tableau qui répondent à une condition spécifique. Cette opération est utile pour extraire des informations spécifiques ou pour supprimer des éléments inutiles.

Exemple :

const personnes = [
  { nom: 'Jean', age: 28 },
  { nom: 'Jane', age: 31 },
  { nom: 'Pierre', age: 55 }
];

const jeunes = personnes.filter(p => p.age < 35);
console.log(jeunes); // [{ nom: 'Jean', age: 28 }, { nom: 'Jane', age: 31 }]

Dans cet exemple, la fonction filter est utilisée pour sélectionner les éléments du tableau personnes qui ont un âge inférieur à 35. Le résultat est un nouveau tableau jeunes contenant les personnes jeunes.

2. Tri

Le tri consiste à ordonner les éléments d’un tableau de manière ascendante ou descendante. Cette opération est utile pour organiser des données ou pour extraire des informations spécifiques.

Exemple :

const nombres = [100, 1000, 10, 10000, 1];
nombres.sort((a, b) => a - b);
console.log(nombres); // [1, 10, 100, 1000, 10000]

Dans cet exemple, la fonction sort est utilisée pour trier les éléments du tableau nombres de manière ascendante. Le résultat est un nouveau tableau avec les nombres ordonnés.

3. Iteration

L’iteration consiste à parcourir les éléments d’un tableau en utilisant une boucle. Cette opération est utile pour traiter les données ou pour extraire des informations spécifiques.

Exemple :

const nombres = [5, 32, 43, 4];
for (let i = 0; i < nombres.length; i++) {
  console.log(nombres[i]);
}

Dans cet exemple, la boucle for est utilisée pour parcourir les éléments du tableau nombres. Le résultat est l’affichage de chaque nombre.

Conclusion

Les opérations sur les tableaux en JavaScript sont essentielles pour manipuler et traiter des données. Les mapping, le filtrage et le tri sont trois opérations importantes qui peuvent être utilisées pour transformer ou extraire des informations spécifiques. L’iteration est également une opération importante qui permet de parcourir les éléments d’un tableau.

Prochain article

Dans notre prochain article, nous allons explorer les autres opérations sur les tableaux en JavaScript, telles que la concaténation et la suppression d’éléments.

Exercices pratiques

• Effectuez un mapping sur le tableau nombres pour extraire les longueurs des nombres.
• Effectuez un filtrage sur le tableau personnes pour sélectionner les personnes âgées de moins de 35 ans.
• Triez le tableau nombres en utilisant la fonction sort.
• Parcourez le tableau nombres en utilisant une boucle for.

Nous espérons que cet article vous a été utile. Si vous avez des questions ou des commentaires, n’hésitez pas à les partager avec nous !