Dans quels cas utilise-t-on les méthodes array.forEach et array.map?

forEach est utilisé pour itérer sur les éléments d'un tableau et effectuer une action pour chacun. Il ne crée pas de nouveau tableau et ne retourne pas de valeurs. Convient pour effectuer des effets secondaires (par exemple, la journalisation, la modification du DOM).

map est utilisé pour transformer chaque élément du tableau et créer un nouveau tableau à partir des résultats de la transformation. Il retourne toujours un nouveau tableau de la même longueur. Convient pour obtenir un nouveau jeu de données basé sur un existant.

Exemple:

const numbers = [1, 2, 3];

// Utilisation de forEach pour afficher chaque élément
numbers.forEach((number) => {
  console.log(number); // 1, 2, 3
});

// Utilisation de map pour créer un tableau des carrés des nombres
const squares = numbers.map((number) => {
  return number * number;
});
console.log(squares); // [1, 4, 9]

Tableau comparatif:

Caractéristique	forEach	map
Valeur retournée	undefined	Nouveau tableau
But	Effectuer des actions pour chaque élément	Transformer les éléments, créer un nouveau tableau
Modifie le tableau original	Non (sauf si l'élément lui-même est modifié)	Non