JavaScript reduce sur un tableau d'objet

La méthode reduce en JavaScript est utilisée pour parcourir un tableau et effectuer une opération sur chaque élément du tableau, en réduisant finalement le tableau à une seule valeur.

Lorsque reduce est appliqué sur un tableau d'objet, l'opération est effectuée sur chaque objet du tableau et renvoie finalement un objet qui représente la valeur réduite.

Syntaxe de reduce:

arr.reduce(callback[, initialValue])

• callback : La fonction qui est exécutée pour chaque élément du tableau. Elle doit prendre deux paramètres: l'accumulateur et l'élément en cours de traitement.
• initialValue : Facultatif. La valeur initiale de l'accumulateur. Si cette valeur n'est pas fournie, la première valeur du tableau sera utilisée comme valeur initiale.

Exemple de reduce sur un tableau d'objet:

Supposons que nous ayons un tableau d'objet représentant des produits et que nous voulions trouver le prix total de tous les produits. Nous pouvons utiliser la méthode reduce pour réduire le tableau à un seul objet contenant le prix total.

const produits = [
  { nom: "Produit A", prix: 10 },
  { nom: "Produit B", prix: 20 },
  { nom: "Produit C", prix: 30 }
];

const prixTotal = produits.reduce((acc, produit) => acc + produit.prix, 0);

console.log(prixTotal); // Résultat: 60

Dans cet exemple, la fonction reduce est utilisée pour obtenir le prix total de tous les produits du tableau d'objets produits. L'accumulateur est initialisé à 0 et la fonction de rappel ajoute le prix du produit actuel à l'accumulateur en utilisant la notation pointée produit.prix. La fonction de rappel est exécutée sur chaque produit du tableau, et à la fin de l'itération sur le tableau, l'accumulateur contient la somme de tous les prix des produits.

Le résultat est stocké dans la variable prixTotal, qui est affiché dans la console.

En utilisant reduce, nous avons pu parcourir le tableau d'objets et effectuer une opération sur chaque objet en réduisant le tableau à une seule valeur.

Conclusion

La méthode reduce en JavaScript est une fonctionnalité puissante qui permet de réduire un tableau en une seule valeur, en appliquant une fonction sur chaque élément du tableau. Lorsqu'elle est appliquée sur un tableau d'objets, la méthode reduce effectue l'opération sur chaque objet dans le tableau et renvoie finalement un objet qui représente la valeur réduite. La méthode reduce peut être utilisée pour de nombreuses opérations sur les tableaux, et elle est un outil indispensable dans la boîte à outils de tout développeur JavaScript.