forEach
serve para percorrer o array e fazer alguma coisa com os seus elementos. Mas essa "alguma coisa" não necessariamente precisa retornar algo (tanto que o seu retorno é undefined
). Ex:
const arr = [1, 2, 3, 4, 5];
// só imprime o dobro dos elementos (não retorna nenhum valor)
arr.forEach(e => console.log(e * 2));
Que no fundo é só uma forma diferente de se fazer um for
tradicional:
const arr = [1, 2, 3, 4, 5];
for (let i = 0; i < arr.length; i++)
console.log(arr[i] * 2);
map
, por sua vez, faz alguma operação com cada elemento, e retorna outro array contendo o resultado desta operação:
const arr = [1, 2, 3, 4, 5];
// gera outro array contendo o dobro de cada elemento
const dobros = arr.map(e => e * 2);
console.log(dobros); // [2, 4, 6, 8, 10]
Obviamente que map
precisa percorrer o array para poder executar a operação e gerar o array contendo os resultados, mas usá-lo somente para percorrer o array é um "uso torto".