Chaînage des méthodes de tableaux
Fait partie de la section Logique & Flux du Journey JavaScript de Coddy. Leçon 55 sur 65.
Chainer les tableaux vous permet d'effectuer plusieurs opérations sur un tableau en une seule instruction. Cette approche peut rendre votre code plus concis et plus lisible.
Voici un exemple de chaînage de méthodes de tableau :
const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const result = numbers
.filter(num => num % 2 === 0)
.map(num => num * 2)
.reduce((sum, num) => sum + num, 0);
console.log(result); // 60Dans cet exemple, nous commençons avec un tableau de nombres, filtrons les nombres impairs, doublons chaque nombre restant, puis nous additionnons les résultats.
L'ordre du chaînage a son importance. Chaque méthode de la chaîne opère sur le résultat de la méthode précédente.
Défi
FacileCréez une fonction appelée processFruits qui prend un tableau d’objets fruit. Chaque objet fruit possède les propriétés name (chaîne) et quantity (nombre).
La fonction doit utiliser des méthodes de tableau chaînées pour :
- Filtrer les fruits dont la quantité est égale à 0
- Transformer le nom de chaque fruit en majuscules
- Créer une chaîne qui répertorie tous les fruits avec leurs quantités, comme « APPLE: 5, BANANA: 3 »
Petit rappel :
Vous pouvez utiliser la fonction .join(", ") pour convertir un tableau de chaînes en une seule chaîne.
Il est également possible de chaîner la fonction .join() :
arr.filter(...)
.map(...)
.join(...)Essayez vous-même
function processFruits(fruits) {
// Écrivez votre code ici
}
Testez-vousCette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Toutes les leçons de Logique & Flux
1Les chaînes de caractères en profondeur
Fondamentaux des chaînesParcourir les chaînesTemplate LiteralsMéthodes des chaînesRécapitulatif - String Weaver4JSON Partie 2
Itérer sur du JSONJSON imbriquéChaînage optionnel JSONCopie superficielle et profondeRécapitulatif - Magasin de vélosRécapitulatif - Système solaire7Système de gestion de bibliothèque
Présentation du projetAjouter des livres
Recherche par titreFiltrer par genreMarquer comme lu2Tableaux multidimensionnels
Bases des tableaux 2DAccès aux éléments d'un tableau 2DBoucles imbriquées et tableaux 2DRécapitulatif - Tableaux 2DAddition et soustraction de matricesTableaux irréguliers (Jagged Arrays)Tableaux 3D et au-delàModèles courants de tableaux 2DRécapitulatif - Tout sur les tableaux3JSON Partie 1
Qu'est-ce qu'un JSON ?Vérifier si une clé existeMéthodes d'objetL'opérateur Spread Partie 1L'opérateur Spread Partie 2Supprimer des clésRécapitulatif - Manipuler les clés JSON6Ensembles - Partie 2
Math - Union d'ensemblesMath - Intersection d'ensemblesMath - Différence d'ensemblesMath - Différence symétriqueSous-ensembles et sur-ensemblesRécapitulatif - Grouper des amis9Méthodes avancées des tableaux
Les méthodes Join & SplitLa méthode MapLa méthode FilterLa méthode ReduceChaînage des méthodes de tableauxForEach et Map sont-elles identiques ?La méthode SortLes méthodes Find & FindIndexRécapitulatif - Le maître du chaînageEntraînez-vous par vous-même : Compilateur JavaScript en ligne