Sind ForEach und Map identisch?

Teil des Abschnitts Logik & Ablauf der JavaScript-Journey von Coddy — Lektion 56 von 65.

Während forEach() und map() beides Array-Methoden sind, die zur Iteration verwendet werden, erfüllen sie unterschiedliche Zwecke und weisen ein unterschiedliches Verhalten auf:

forEach():

Führt eine bereitgestellte Funktion einmal für jedes Array-Element aus.
Erstellt kein neues Array.

Gibt undefined zurück.
Kann nicht mit anderen Array-Methoden verkettet werden.

map():

Erstellt ein neues Array mit den Ergebnissen des Aufrufs einer bereitgestellten Funktion für jedes Element im Array.
Gibt ein neues Array mit der gleichen Länge wie das ursprüngliche zurück.
Kann mit anderen Array-Methoden verkettet werden.

Beispiel:

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

// forEach
numbers.forEach(num => console.log(num * 2));
// Ausgabe: 2, 4, 6, 8
// Rückgabewert: undefined

// map
const doubled = numbers.map(num => num * 2);
console.log(doubled);
// Ausgabe: [2, 4, 6, 8]
// Gibt zurück: Ein neues Array [2, 4, 6, 8]

Verwenden Sie forEach(), wenn Sie eine Operation für jedes Element ausführen möchten, ohne ein neues Array zu erstellen. Verwenden Sie map(), wenn Sie jedes Element transformieren und ein neues Array mit den Ergebnissen erstellen möchten.

Teste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Teste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Teste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Spickzettel

Während forEach() und map() beides Array-Methoden zur Iteration sind, dienen sie unterschiedlichen Zwecken:

forEach():

Führt eine Funktion einmal für jedes Array-Element aus
Erstellt kein neues Array
Gibt undefined zurück
Kann nicht mit anderen Array-Methoden verkettet werden

map():

Erstellt ein neues Array mit den Ergebnissen des Aufrufs einer Funktion für jedes Element
Gibt ein neues Array mit der gleichen Länge wie das Original zurück
Kann mit anderen Array-Methoden verkettet werden

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

// forEach - führt eine Operation aus, gibt undefined zurück
numbers.forEach(num => console.log(num * 2));

// map - transformiert Elemente, gibt ein neues Array zurück
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8]

Verwenden Sie forEach() für Operationen, ohne ein neues Array zu erstellen. Verwenden Sie map(), um Elemente zu transformieren und ein neues Array zu erstellen.

Probier es selbst

Diese Lektion enthält keine Programmieraufgabe.

Teste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Sind ForEach und Map identisch?

Spickzettel

Alle Lektionen in Logik & Ablauf