Apprendre Méthodes de Tableau `map`, `filter`

Glissez pour afficher le menu

Les tableaux nécessitent souvent d'être transformés ou filtrés afin de créer de nouvelles versions à partir des données existantes. JavaScript propose des méthodes de tableau de haut niveau telles que map et filter qui rendent ces opérations concises et lisibles.

Ces méthodes permettent d'éviter les boucles manuelles et de se concentrer sur l'objectif à atteindre avec les données, plutôt que sur la manière de le réaliser étape par étape. L'utilisation de méthodes de haut niveau conduit à un code plus facile à maintenir, à comprendre et à réutiliser.


              123456
            
// Using map to create a new array with doubled values
const numbers = [1, 2, 3, 4];
const doubled = numbers.map(function(num) {
  return num * 2;
});
console.log(doubled); // [2, 4, 6, 8]

Lorsque vous utilisez map, JavaScript crée un nouveau tableau en appelant votre fonction une fois pour chaque élément du tableau d'origine. La valeur renvoyée par votre fonction devient la nouvelle valeur dans le tableau résultant, et le tableau d'origine n'est pas modifié.


              123456
            
// Using filter to create a new array with only even numbers
const numbers = [1, 2, 3, 4, 5, 6];
const evens = numbers.filter(function(num) {
  return num % 2 === 0;
});
console.log(evens); // [2, 4, 6]

Avec filter, votre fonction doit retourner true pour conserver un élément ou false pour l’exclure. Seuls les éléments qui passent votre fonction de test sont inclus dans le nouveau tableau, tandis que le tableau d’origine reste inchangé.

Les méthodes map et filter parcourent le tableau en interne, il n’est donc pas nécessaire d’écrire une boucle manuelle—elles s’occupent de l’itération et de la création du nouveau tableau pour vous.

Tout était clair ?

Merci pour vos commentaires !

Section 1. Chapitre 13

Demandez à l'IA

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

Section 1. Chapitre 13