Menu
Coddy logo textTech

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.

Probier es selbst

Diese Lektion enthält keine Programmieraufgabe.

quiz iconTeste dich selbst

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

Alle Lektionen in Logik & Ablauf