Em que casos são utilizados os métodos array.forEach e array.map?

O forEach é utilizado para iterar sobre os elementos de um array e executar uma ação para cada elemento. Ele não cria um novo array nem retorna valores. É adequado para efeitos colaterais (por exemplo, registo, alteração do DOM).

O map é utilizado para transformar cada elemento do array e criar um novo array com os resultados da transformação. Ele sempre devolve um novo array do mesmo comprimento. É adequado para obter um novo conjunto de dados baseado num existente.

Exemplo:

const numbers = [1, 2, 3];

// Uso de forEach para mostrar cada elemento
numbers.forEach((number) => {
  console.log(number); // 1, 2, 3
});

// Uso de map para criar um array de quadrados dos números
const squares = numbers.map((number) => {
  return number * number;
});
console.log(squares); // [1, 4, 9]

Tabela comparativa:

Característica	forEach	map
Valor devolvido	undefined	Novo array
Propósito	Executar ações para cada elemento	Transformar elementos, criar um novo array
Modifica o array original	Não (a menos que o elemento em si seja modificado)	Não