In welchen Fällen werden die Methoden array.forEach und array.map verwendet?

forEach wird verwendet, um durch die Elemente eines Arrays zu iterieren und für jedes Element eine Aktion auszuführen. Es erstellt kein neues Array und gibt keine Werte zurück. Es eignet sich für Nebenwirkungen (z.B. Protokollierung, DOM-Änderungen).

map wird verwendet, um jedes Element des Arrays zu transformieren und ein neues Array aus den Transformationsergebnissen zu erstellen. Es gibt immer ein neues Array gleicher Länge zurück. Es eignet sich, um einen neuen Datensatz basierend auf einem bestehenden zu erhalten.

Beispiel:

const numbers = [1, 2, 3];

// Verwendung von forEach, um jedes Element auszugeben
numbers.forEach((number) => {
  console.log(number); // 1, 2, 3
});

// Verwendung von map, um ein Array der Quadrate der Zahlen zu erstellen
const squares = numbers.map((number) => {
  return number * number;
});
console.log(squares); // [1, 4, 9]

Vergleichstabelle:

Merkmal	forEach	map
Rückgabewert	undefined	Neues Array
Zweck	Aktionen für jedes Element ausführen	Elemente transformieren, neues Array erstellen
Modifiziert das Originalarray	Nein (es sei denn, das Element selbst wird geändert)	Nein