O Map no React é usado como um foreach?
O Map no React é usado como um foreach?
Oi, Danilo! Ótima pergunta.
Os métodos map() e forEach() se comportam de maneiras diferentes. O forEach() se comporta mais como um for. Ele recebe uma função callback e a executa para cada elemento do array, mas ele não retorna nada.
Exemplo:
const array = [1, 2, 3, 4, 5];
array.forEach(elemento => console.log(elemento * 2));
// Saída: [2, 4, 6, 8, 10] A chamada do forEach() só imprimiu na tela o array com seus elementos multiplicados por dois.
Já o método map() também recebe uma função callback, só que seu valor de retorno é um novo array, preenchido com os resultados da chamada da função.
Exemplo:
var numeros = [1, 4, 9];
var raizes = numeros.map(Math.sqrt);
//Saída: raizes = [1, 2, 3], numeros = [1, 4, 9]Isto é, o método map() retornou um novo array, com cada elemento sendo a raíz quadrada de cada elemento do array números.
Espero ter ajudado! Abraços.