ExpertiDict

JavaScript · Essencial · Português · Técnico

método map

/ˈmɛtodu mæp/substantivo

Método de array que cria um novo array aplicando uma função a cada item, sem alterar o original. O resultado tem sempre o mesmo número de elementos.

Onde usar

Usado para transformar listas, como converter dados de API em itens de tela. Em code review, usar map só pelo efeito colateral é apontado; para isso existe forEach.

Em código

const nums = [1, 2, 3];
const dobro = nums.map((n) => n * 2);
console.log(dobro); // [2, 4, 6]
console.log(nums);  // [1, 2, 3]
console.log(['1', '2', '3'].map(parseInt));
// [1, NaN, NaN]

Exemplos

Usei o método map para transformar a lista de usuários em nomes.

Você esqueceu o return dentro do map, por isso veio tudo undefined.

Cuidado

Esquecer o return na função do map, que preenche o resultado com undefined.

Sinônimos

Array.prototype.map

Veja também

Todos os termos de JavaScript