In welke gevallen worden de methoden array.forEach en array.map gebruikt?

forEach wordt gebruikt om door de elementen van een array te itereren en voor elk element een actie uit te voeren. Het creëert geen nieuwe array en geeft geen waarden terug. Het is geschikt voor bijwerkingen (bijvoorbeeld logging, DOM-manipulatie).

map wordt gebruikt om elk element van de array te transformeren en een nieuwe array te maken met de resultaten van de transformatie. Het retourneert altijd een nieuwe array van dezelfde lengte. Het is geschikt om een nieuwe dataset te verkrijgen op basis van een bestaande.

Voorbeeld:

const numbers = [1, 2, 3];

// Gebruik van forEach om elk element te tonen
numbers.forEach((number) => {
  console.log(number); // 1, 2, 3
});

// Gebruik van map om een array van kwadraten te maken
const squares = numbers.map((number) => {
  return number * number;
});
console.log(squares); // [1, 4, 9]

Vergelijkingstabel:

Kenmerk	forEach	map
Teruggegeven waarde	undefined	Nieuwe array
Doel	Acties uitvoeren voor elk element	Elementen transformeren, nieuwe array maken
Wijzigt de originele array	Nee (tenzij het element zelf wordt gewijzigd)	Nee