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 de caractères) et quantity (nombre).
La fonction doit utiliser le chaînage de méthodes de tableau pour :
- Filtrer les fruits ayant une quantité égale à 0
- Transformer chaque nom de fruit en majuscules
- Créer une chaîne de caractères qui liste tous les fruits avec leurs quantités sous la forme "APPLE: 5, BANANA: 3"
Rappel rapide :
Vous pouvez utiliser la fonction .join(", ") pour convertir un tableau de chaînes de caractères en une seule chaîne.
Il est possible de chaîner même 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