Mapas em JavaScript | Explicado

Os mapas em JavaScript também são um tipo de dados estruturados que armazenam semelhantes a objetos e matrizes. No entanto, os mapas trazem o melhor dos objetos e matrizes. Os mapas armazenam dados. O MAP armazena dados em uma ordem preservada, tornando-os semelhantes a uma matriz com a diferença sendo pares de valor-chave em vez de valores indexados.

Os mapas foram lançados na versão ES6 do JavaScript, que também é conhecida como ES2015 JS. Os mapas são usados ​​principalmente porque oferecem flexibilidade ao programador.

Sintaxe de mapas

Para inicializar um novo mapa, você usará a seguinte sintaxe:

var map = new map ();

Como você pode ver, criamos um novo mapa chamando sua função construtora usando a palavra -chave "novo”.

Como trabalhar com mapas?

Vamos criar uma nova variável de mapa usando a seguinte linha:

var dados = novo map ();

Você criou um novo conjunto de dados no qual você pode armazenar vários tipos de informações, para colocar valores dentro de um mapa que você usa o Método de conjunto. A sintaxe do método de conjunto do mapa é como:

mapa.set (chave, "valor");

Agora você conhece a sintaxe, então vamos tentar colocar alguns valores dentro do mapa com as seguintes linhas de código:

conjunto de dados.set (1, "inglês");
conjunto de dados.conjunto (2, "espanhol");
conjunto de dados.conjunto (3, "francês");

Como você pode ver, você adicionou três pares de valor-chave dentro do mapa, você pode verificá-lo imprimindo o mapa usando o console.registro() função como:

console.log (conjunto de dados);

O trecho de código inteiro é tão

var dados = novo map ();
conjunto de dados.set (1, "inglês");
conjunto de dados.conjunto (2, "espanhol");
conjunto de dados.conjunto (3, "francês");
console.log (conjunto de dados);

Depois de executar este código, você verá a seguinte saída em seu console:

Observe que há uma coisa interessante dentro da saída que diferencia um mapa de um objeto, Nos objetos, os pares de valor-chave são separados por um cólon “:” Enquanto no caso de mapas, os pares de valor-chave são separados por um seta “=>”.

Iterando através de um mapa

Você tem várias maneiras de iterar através do mapa, uma das maneiras tradicionais é usar o mapa para o que.

Buscando chaves do mapa

Você pode iterar através das chaves do mapa usando as seguintes linhas de código:

para (chaves do conjunto de dados.chaves())
console.log ('as chaves são: $ keys');

A saída é tão

Buscar valores do mapa

Para iterar através dos valores do mapa, você pode usar as seguintes linhas de código:

para (valores do conjunto de dados.valores ())
console.log ('Os valores são: $ valores');

A saída é tão

Buscar chaves e valores como um par

Se você deseja obter as teclas e os valores como um par, bem, você pode fazer isso usando as seguintes linhas de código:

para ([chaves, valores] do conjunto de dados)
console.LOG ('A tecla é: $ chaves e o valor é: $ valores');

Obtendo um valor específico de uma chave específica

Você pode até obter um valor específico de um mapa usando o Obter método, Experimente a seguinte linha de código:

console.log (conjunto de dados.obtenha (1));

Você obterá a seguinte saída:

Como você pode ver, você conseguiu obter o valor de uma chave específica usando o pegar método.

Vários tipos de chaves

Como mencionado acima, um mapa pode ter vários tipos de chaves, que é o principal recurso que diferencia um mapa de um objeto simples. Vamos pegar o mesmo mapa que estamos usando em todos os exemplos acima, mas vamos adicionar alguns pares de valor-chave, com diferentes tipos de chaves:

String como uma chave
Você pode ter chaves de tipos de dados de string como exibir na linha a seguir:

conjunto de dados.set ("coms", "muito bom");

Booleano como uma chave
Você pode ter uma chave de tipos de dados booleanos, como a seguinte linha de código:

conjunto de dados.set (true, 1);
conjunto de dados.set (false, 0);

Objetos como uma chave
Você pode até passar objetos como chaves, tente as seguintes linhas de código:

var pessoa1 = nome: "John Doe", idade: 25, altura: "6 pés 2";
conjunto de dados.set (Person1, "Membro");

Para verificar todo o código acima, você pode simplesmente chamar um console.registro() função para imprimir o mapa no console como:

console.log (conjunto de dados);

O trecho de código completo é como

var dados = novo map ();
conjunto de dados.set (1, "inglês");
conjunto de dados.set ("coms", "muito bom");
conjunto de dados.set (true, 1);
conjunto de dados.set (false, 0);
var pessoa1 = nome: "John Doe", idade: 25, altura: "6 pés 2";
conjunto de dados.set (Person1, "Membro");
console.log (conjunto de dados);

Depois de executar o código acima, você obtém a seguinte saída:

Como você pode ver, cada chave foi adicionada ao conjunto de dados junto com seu valor, e é assim que os mapas funcionam em JavaScript.

Conclusão

Os mapas são uma coleção de pares de valor-chave que são armazenados em uma ordem preservada, tornando o mapa imitar o comportamento do objeto e de uma matriz. Os mapas podem ter qualquer tipo de dado de chave e qualquer tipo de valor de dados, mantendo a ordem dos pares de valores-chave, assim como em matrizes. Você pode adicionar pares de valor-chave dentro do mapa usando o definir() Método do mapa, você pode obter um valor específico usando o pegar() método, e para iterar em todo o mapa, você pode usar o para o loop. Os mapas são usados ​​porque fornecem mais flexibilidade e liberdade ao programador.