O Método Map

Parte da seção Lógica & Fluxo do Journey de JavaScript da Coddy — lição 52 de 65.

O método map() cria um novo array com os resultados da chamada de uma função fornecida em cada elemento do array chamador. Ele transforma cada elemento e retorna um novo array com o mesmo comprimento.

Sintaxe básica:

let newArray = arr.map(function(currentValue, index, array) {
    // retorna o elemento para newArray
});

Aqui está um exemplo simples:

const numbers = [1, 2, 3, 4];
const doubled = numbers.map((num) => {
	return num * 2;
});
console.log(doubled); // [2, 4, 6, 8]

Aqui está o mesmo exemplo com uma sintaxe mais curta:

const numbers = [1, 2, 3, 4];
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8]

O método map() não altera o array original. Ele sempre retorna um novo array.

Desafio

Fácil

Crie uma função chamada formatNames que recebe um array de nomes (strings) como argumento. A função deve usar o método map() para transformar cada nome de modo que ele fique em title case (a primeira letra de cada palavra em maiúscula, e o restante em minúscula). Retorne o novo array de nomes formatados.

Folha de consulta

O método map() cria um novo array ao chamar uma função para cada elemento no array original:

let newArray = arr.map(function(currentValue, index, array) {
    // retorna o elemento para newArray
});

Exemplo com arrow function:

const numbers = [1, 2, 3, 4];
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8]

O método map() não altera o array original e sempre retorna um novo array com o mesmo comprimento.

Experimente você mesmo

function formatNames(names) {
    return names.map(name => {
        // Escreva seu código aqui
    })
}

Teste seus conhecimentos

Esta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.

Todas as lições de Lógica & Fluxo

1Strings em Profundidade

Fundamentos de Strings Iterar sobre Strings Template Literals Métodos de String Recapitulação - String Weaver

4JSON Parte 2

Iterar sobre JSON JSON Aninhado Encadeamento Opcional em JSON Cópia Rasa e Profunda Recapitulação - Loja de Bicicletas Recapitulação - Sistema Solar

7Sistema de Gerenciamento de Biblioteca

Visão Geral do Projeto Adicionando Livros

Buscar por Título

Filtrar por Gênero

Marcar como Lido

10Gerenciar Sistema de Festival

Visão Geral do Projeto Adicionar Filmes e Locais