ForEach et Map sont-elles identiques ?

Fait partie de la section Logique & Flux du Journey JavaScript de Coddy — leçon 56 sur 65.

Alors que forEach() et map() sont toutes deux des méthodes de tableau utilisées pour l'itération, elles servent des objectifs différents et ont des comportements distincts :

forEach():

Exécute une fonction fournie une fois pour chaque élément du tableau.
Ne crée pas de nouveau tableau.

Retourne undefined.
Ne peut pas être chaîné avec d'autres méthodes de tableau.

map():

Crée un nouveau tableau avec les résultats de l'appel d'une fonction fournie sur chaque élément du tableau.
Retourne un nouveau tableau de la même longueur que l'original.
Peut être chaîné avec d'autres méthodes de tableau.

Exemple :

const numbers = [1, 2, 3, 4];

// forEach
numbers.forEach(num => console.log(num * 2));
// Affiche : 2, 4, 6, 8
// Retourne : undefined

// map
const doubled = numbers.map(num => num * 2);
console.log(doubled);
// Sortie : [2, 4, 6, 8]
// Retourne : Un nouveau tableau [2, 4, 6, 8]

Utilisez forEach() lorsque vous voulez effectuer une opération sur chaque élément sans créer de nouveau tableau. Utilisez map() lorsque vous voulez transformer chaque élément et créer un nouveau tableau avec les résultats.

Testez-vous

Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.

Testez-vous

Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.

Testez-vous

Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.

Aide-mémoire

Bien que forEach() et map() soient tous deux des méthodes de tableau utilisées pour l'itération, elles servent des objectifs différents :

forEach() :

Exécute une fonction une fois pour chaque élément du tableau
Ne crée pas de nouveau tableau
Retourne undefined
Ne peut pas être chaîné avec d'autres méthodes de tableau

map() :

Crée un nouveau tableau avec les résultats de l'appel d'une fonction sur chaque élément
Retourne un nouveau tableau de la même longueur que l'original
Peut être chaîné avec d'autres méthodes de tableau

const numbers = [1, 2, 3, 4];

// forEach - effectue une opération, retourne undefined
numbers.forEach(num => console.log(num * 2));

// map - transforme les éléments, retourne un nouveau tableau
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8]

Utilisez forEach() pour des opérations sans créer de nouveau tableau. Utilisez map() pour transformer des éléments et créer un nouveau tableau.

Essayez vous-même

Cette leçon ne comprend pas de défi de code.

Testez-vous

Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.