O que é um objeto de mapa em JavaScript?

JavaScript é uma linguagem de programação que oferece a aplicativos e páginas da web a capacidade de pensar e agir, tornando -os dinâmicos e interativos. Quando você está programando, muitas vezes o confundia com qual estrutura de dados usar para armazenar dados que podem ser facilmente gerenciados e compreendidos. Para manter coleções de dados, matrizes e objetos são comumente usados ​​estruturas de dados. Os pares de valores-chave são armazenados em objetos, enquanto as listas indexadas são armazenadas em matrizes. Então veio o Ecmascript 2015, que introduziu outro objeto iterável conhecido como Maps para fornecer aos desenvolvedores mais flexibilidade. Portanto, neste post, discutiremos o que é um objeto de mapa em JavaScript e discutirá alguns exemplos práticos, juntamente com as capturas de tela da saída.

O que é um objeto de mapa?

O objeto de mapa como um objeto comum é uma coleção de elementos que armazena pares de valor-chave; No entanto, a principal diferença é que as chaves podem ser de qualquer tipo. Deve-se notar também que o objeto do mapa se lembra da ordem do par de valores-chave que foi inserido no objeto do mapa.

Sintaxe:

var map = novo mapa ([it]);

Onde isto é opcional e um objeto iterável cujos elementos são armazenados como pares de valor-chave.

O MAP Object possui algumas propriedades e métodos que são definidos abaixo:

• Para criação de novo mapa -> novo mapa ()
• Para armazenar um valor usando uma chave -> mapa.set (chave, valor)
• Para obter o valor da chave -> mapa.Obtenha (chave)
• Se a chave não existir, o mapa.get (chave) retornará indefinido
• Para remover tudo do mapa -> mapa.claro()
• Para obter o tamanho do mapa -> mapa.tamanho
• Para excluir um valor usando a chave -> mapa.excluir (chave)

Map Object Exemplo1

No código fornecido abaixo, primeiro, iniciamos o objeto de mapa e depois definimos os valores. A primeira chave que definimos é uma chave de string, a segunda é uma chave numérica e a terceira é uma chave booleana. Em seguida, console registrarmos o resultado de obter os valores das chaves fornecidas. Também verificamos o tamanho do objeto de mapa que retorna 3.

// criação de mapa
var map = new map ();
// Definindo pares de valor da chave para mapear
mapa.set ('1', 'string'); // uma chave de string
mapa.set (1, 'número'); // Uma chave numérica
mapa.set (true, 'booleano'); // Uma chave booleana
// Obtenha informações do mapa
console.log (mapa.obtenha (1)); // número
console.log (mapa.get ('1')); // corda
console.log (mapa.tamanho); // 3

Mapa Objeto Exemplo2

Também podemos definir as chaves do objeto de mapa como objetos. Vamos demonstrar isso com a ajuda do código abaixo:

var student1 = nome: "jhon";
// Para cada aluno, vamos armazenar suas marcas
var marks = new map ();
// Student1 é a chave para o mapa e o aluno 1 é um objeto
Marcas.Set (Student1, 93);
console.log (marcas.get (Student1)); // 93

No exemplo acima, primeiro iniciamos um objeto com o nome de Student1 e depois criou um objeto de mapa. Depois disso, definimos as marcas do aluno1 e depois o console registrar as marcas do aluno1. Deve -se notar que o próprio Student1 é um objeto, mas age como a chave aqui. Obtemos a saída 93 como mostrado abaixo:

Iterando as chaves do mapa

Vamos agora ver como iterar as teclas de mapa para qual finalidade usaremos um loop e mapa.Método Keys (). O mapa.O método Keys () retornará todas as chaves do objeto de mapa na ordem em que foram inseridas no objeto do mapa.

Vamos iniciar um objeto de mapa e dar nomes como chaves e valores como a posição do trabalho. Em seguida, implementamos um loop for que console o registro todas as chaves/nomes no objeto Map.

// Criando objeto de mapa
var funcionários = novo mapa ([
["John", 'Admin'],
["Sarah", 'Editor'],
["Sam", 'Writer']
]);
// para loop
para (VAR Nome dos funcionários.chaves())
console.log (nome);

A saída do código acima é:

Para iterar os valores do mapa, simplesmente mudaremos funcionários.chaves() para funcionários.valores ():

// Criando objeto de mapa
var funcionários = novo mapa ([
["John", 'Admin'],
["Sarah", 'Editor'],
["Sam", 'Writer']
]);
// para loop
para (Var Posição dos funcionários.valores ())
console.log (posição);

Excluindo elemento usando a chave

Neste exemplo, excluiremos uma entrada no objeto de mapa usando o excluir() método:

// Criando objeto de mapa
var funcionários = novo mapa ([
["John", 'Admin'],
["Sarah", 'Editor'],
["Sam", 'Writer']
]);
// excluindo John de funcionários
funcionários.delete ("John");
// para loop
para (VAR Nome dos funcionários.chaves())
console.log (nome);

Nós podemos ver isso John foi excluído e ausente da saída:

Conclusão

O objeto de mapa foi introduzido no ES6 e antes do objeto de mapa, objetos comuns foram usados. No entanto, um objeto tem algumas deficiências como um objeto sempre possui um protótipo de chave padrão e não pode usar um objeto como uma chave. Para resolver esse problema, o mapa foi introduzido, que é uma coleção de elementos armazenados em pares de valor-chave, como objetos, mas aqui as teclas podem ser de qualquer tipo. Neste post, vimos um objeto de mapa em JavaScript e discutimos dois exemplos. Além disso, também implementamos e analisamos diferentes métodos e propriedades dos objetos de mapa de JavaScript.