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.