1
resposta

React Map

O Map no React é usado como um foreach?

1 resposta

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.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software