In quali casi si utilizzano i metodi array.forEach e array.map?

forEach viene utilizzato per iterare sugli elementi di un array e eseguire un'azione per ciascuno. Non crea un nuovo array e non restituisce valori. È adatto per effetti collaterali (ad esempio, logging, modifica del DOM).

map viene utilizzato per trasformare ogni elemento dell'array e creare un nuovo array dai risultati della trasformazione. Restituisce sempre un nuovo array della stessa lunghezza. È adatto per ottenere un nuovo insieme di dati basato su uno esistente.

Esempio:

const numbers = [1, 2, 3];

// Uso di forEach per visualizzare ogni elemento
numbers.forEach((number) => {
  console.log(number); // 1, 2, 3
});

// Uso di map per creare un array dei quadrati dei numeri
const squares = numbers.map((number) => {
  return number * number;
});
console.log(squares); // [1, 4, 9]

Tabella comparativa:

Caratteristica	forEach	map
Valore restituito	undefined	Nuovo array
Scopo	Eseguire azioni per ogni elemento	Trasformare gli elementi, creare un nuovo array
Modifica l'array originale	No (a meno che l'elemento stesso non venga modificato)	No