Milyen esetekben használják az array.forEach és az array.map módszereket?

A forEach a tömb elemein való iterálásra és minden elemhez végrehajtandó művelet végrehajtására szolgál. Nem hoz létre új tömböt, és nem ad vissza értékeket. Mellékhatások végrehajtására alkalmas (például naplózás, DOM módosítás).

A map minden elem átalakítására szolgál, és egy új tömb létrehozására az átalakítás eredményeiből. Mindig ugyanannyi hosszúságú új tömböt ad vissza. Alkalmas meglévő adathalmazból újat szerezni.

Példa:

const numbers = [1, 2, 3];

// A `forEach` használata minden elem kiírására
numbers.forEach((number) => {
  console.log(number); // 1, 2, 3
});

// A `map` használata négyzetek tömbjének létrehozására
const squares = numbers.map((number) => {
  return number * number;
});
console.log(squares); // [1, 4, 9]

Összehasonlító táblázat:

Jellemző	forEach	map
Visszatérési érték	undefined	Új tömb
Cél	Műveletek végrehajtása minden elemre	Elemátalakítás, új tömb létrehozása
Megváltoztatja az eredeti tömböt	Nem (kivéve, ha maga az elem módosul)	Nem