Nova turma com conversação 5x por semana 🔥

Nova turma com conversação 5x por semana 🔥

O que é um objeto Map em JavaScript?

O objeto Map em JavaScript

O objeto Map é uma estrutura de dados presente na linguagem JavaScript que permite armazenar pares de chave-valor. Semelhante a um objeto comum, o Map também permite associar valores a chaves, mas com algumas vantagens adicionais. Diferentemente de um objeto convencional, no qual as chaves são limitadas a serem apenas do tipo string, o Map aceita qualquer tipo de dado como chave, incluindo objetos e funções. Além disso, o Map mantém a ordem de inserção dos elementos, o que pode ser útil em muitos cenários.

Como mapear e transformar objetos em JavaScript usando o objeto Map?

Para mapear e transformar objetos em JavaScript usando o objeto Map, podemos seguir alguns passos simples:

1. Criar uma instância do objeto Map:


Podemos criar um novo objeto Map vazio utilizando a sintaxe `new Map()`. Também é possível passar um array de arrays como argumento para o construtor, onde cada subarray contém uma chave e um valor.

2. Adicionar elementos ao objeto Map:


Para adicionar elementos ao Map, utilizamos o método `set(key, value)`, onde `key` é a chave que queremos associar ao valor `value`. Podemos adicionar quantos pares chave-valor quisermos ao Map.

3. Acessar valores no objeto Map:


Uma vez que os elementos foram adicionados ao Map, podemos acessar seus valores utilizando o método `get(key)`, passando a chave desejada como argumento.

4. Verificar se uma chave existe no objeto Map:


Podemos verificar se uma chave específica existe no Map utilizando o método `has(key)`. Esse método retorna um valor booleano indicando se a chave está presente ou não no Map.

5. Remover elementos do objeto Map:


Para remover um elemento do Map, utilizamos o método `delete(key)`, passando a chave do elemento que desejamos excluir.

6. Iterar sobre os elementos do objeto Map:


Podemos percorrer todos os elementos do Map utilizando laços de repetição como o `for…of` ou utilizando os métodos `forEach()` e `entries()`. Esses métodos facilitam a iteração sobre os elementos do Map e permitem executar ações personalizadas.

Exemplos práticos de utilização do objeto Map para mapear e transformar objetos em JavaScript

Vejamos alguns exemplos práticos de como podemos utilizar o objeto Map para mapear e transformar objetos em JavaScript:

Exemplo 1: Mapeando propriedades de um objeto para outro objeto:


Imagine que temos um objeto com várias propriedades e queremos criar um novo objeto com apenas algumas dessas propriedades. Podemos utilizar o objeto Map para mapear as propriedades desejadas e criar um novo objeto com base nesse mapeamento.

“`javascript
const objetoOriginal = {
nome: ‘João’,
idade: 30,
cidade: ‘São Paulo’,
profissão: ‘Engenheiro’
};

const mapeamento = new Map([
[‘nome’, ‘nomeCompleto’],
[‘profissão’, ‘cargo’]
]);

const objetoTransformado = {};

mapeamento.forEach((valorNovo, propriedadeOriginal) => {
objetoTransformado[valorNovo] = objetoOriginal[propriedadeOriginal];
});

console.log(objetoTransformado);
// Output: { nomeCompleto: ‘João’, cargo: ‘Engenheiro’ }
“`

Exemplo 2: Contando a ocorrência de elementos em um array:


Suponha que temos um array de elementos e queiramos contar quantas vezes cada elemento aparece. O objeto Map pode nos ajudar a realizar essa tarefa de forma eficiente.

“`javascript
const elementos = [‘maçã’, ‘banana’, ‘maçã’, ‘laranja’, ‘maçã’, ‘banana’];

const contador = new Map();

elementos.forEach(elemento => {
if (contador.has(elemento)) {
contador.set(elemento, contador.get(elemento) + 1);
} else {
contador.set(elemento, 1);
}
});

contador.forEach((quantidade, elemento) => {
console.log(`O elemento ${elemento} aparece ${quantidade} vezes`);
});
// Output:
// O elemento maçã aparece 3 vezes
// O elemento banana aparece 2 vezes
// O elemento laranja aparece 1 vez
“`

Dicas e considerações finais sobre o objeto Map em JavaScript

O objeto Map é uma poderosa ferramenta que nos permite mapear e transformar objetos em JavaScript. Ao utilizar o Map, temos flexibilidade na escolha das chaves e um maior controle sobre a ordem dos elementos. Além disso, o Map oferece métodos eficientes para adicionar, remover, acessar e iterar sobre os elementos.

Ao trabalhar com o objeto Map, é importante ter em mente que ele armazena as referências aos objetos como chaves. Isso significa que, por exemplo, se utilizarmos um objeto como chave e posteriormente modificarmos esse objeto, o Map ainda manterá a mesma referência e a chave continuará sendo válida.

Em resumo, o objeto Map é uma ferramenta valiosa quando precisamos mapear e transformar objetos em JavaScript. Sua versatilidade e recursos podem ajudar a otimizar o desenvolvimento de aplicações, adicionando flexibilidade e controle aos processos de mapeamento e transformação de dados. Experimente utilizar o objeto Map em seus projetos e aproveite todos os benefícios que ele pode oferecer!

A Awari é a melhor plataforma para aprender sobre programação no Brasil.

Aqui você encontra cursos com aulas ao vivo, mentorias individuais com os melhores profissionais do mercado e suporte de carreira personalizado para dar seu próximo passo profissional e aprender habilidades como Data Science, Data Analytics, Machine Learning e mais.

Já pensou em aprender de maneira individualizada com profissionais que atuam em empresas como Nubank, Amazon e Google? Clique aqui para se inscrever na Awari e começar a construir agora mesmo o próximo capítulo da sua carreira em dados.

🔥 Intensivão de inglês na Fluency!

Nome*
Ex.: João Santos
E-mail*
Ex.: email@dominio.com
Telefone*
somente números

Próximos conteúdos

🔥 Intensivão de inglês na Fluency!

Nome*
Ex.: João Santos
E-mail*
Ex.: email@dominio.com
Telefone*
somente números

🔥 Intensivão de inglês na Fluency!

Nome*
Ex.: João Santos
E-mail*
Ex.: email@dominio.com
Telefone*
somente números

🔥 Intensivão de inglês na Fluency!

Nome*
Ex.: João Santos
E-mail*
Ex.: email@dominio.com
Telefone*
somente números
inscreva-se

Entre para a próxima turma com bônus exclusivos

Faça parte da maior escola de idiomas do mundo com os professores mais amados da internet.

Curso completo do básico ao avançado
Aplicativo de memorização para lembrar de tudo que aprendeu
Aulas de conversação para destravar um novo idioma
Certificado reconhecido no mercado
Nome*
Ex.: João Santos
E-mail*
Ex.: email@dominio.com
Telefone*
somente números
Empresa
Ex.: Fluency Academy
Ao clicar no botão “Solicitar Proposta”, você concorda com os nossos Termos de Uso e Política de Privacidade.