Introdução
Neste laboratório, aprenderemos como mapear os valores de um array para um objeto usando uma função em JavaScript. O laboratório irá guiá-lo através do processo de utilização de Array.prototype.reduce() para aplicar uma função a cada elemento de um array e combinar os resultados em um objeto. Você também aprenderá como usar o elemento como a chave e o resultado da função como o valor para cada propriedade.
Mapeando Array para Objeto
Para mapear os valores de um array para um objeto usando uma função, siga estes passos:
- Abra o Terminal/SSH e digite
nodepara começar a praticar a codificação. - Use
Array.prototype.reduce()para aplicarfna cada elemento emarre combinar os resultados em um objeto. - Use
elcomo a chave para cada propriedade e o resultado defncomo o valor.
Aqui está um trecho de código de exemplo:
const mapObject = (arr, fn) =>
arr.reduce((acc, el, i) => {
acc[el] = fn(el, i, arr);
return acc;
}, {});
Você pode usar a função mapObject como mostrado neste exemplo:
mapObject([1, 2, 3], (a) => a * a); // { 1: 1, 2: 4, 3: 9 }
Resumo
Parabéns! Você concluiu o laboratório Mapear Array para Objeto. Você pode praticar mais laboratórios no LabEx para aprimorar suas habilidades.