JavaScript Map Object: Mapeando e transformando objetos em JavaScript
O artigo explora o objeto Map em JavaScript e como ele pode ser usado para mapear e transformar objetos.
Publicado em 1 de agosto de 2023
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.
Aprenda uma nova língua na maior escola de idioma do mundo!
Conquiste a fluência no idioma que sempre sonhou com uma solução de ensino completa.
+ 400 mil alunos
Método validado
Aulas
Ao vivo e gravadas
+ 1000 horas
Duração dos cursos
Certificados
Reconhecido pelo mercado
Artigos Relacionados
Confira abaixo mais conteúdos sobre o tema
Curso Técnico Desenvolvedor de Sistemas: Aprenda a criar soluções tecnológicas
Um curso técnico desenvolvedor de sistemas é uma formação...
Curso Desenvolvedor Web em Curitiba: Aprenda a Programar e Construa sua Carreira
Curso Desenvolvedor Web Curitiba: Aprenda a programar, construa uma...
Curso Técnico de Desenvolvedor de Software: Aprenda as habilidades necessárias para se tornar um profissional de sucesso na área de desenvolvimento de software.
Resumo: Descubra os benefícios de fazer um curso técnico...
