Como converter teclas de mapa em uma matriz em JavaScript?

JavaScript é uma linguagem de programação de alto nível que oferece a seus desenvolvedores muitas estruturas de dados diferentes que são usadas para armazenar dados e conteúdo e podem ser facilmente mantidos e compreendidos. As estruturas mais usadas para armazenar coleções de dados em JavaScript são matrizes e objetos. Matrizes são usadas para armazenar registros indexados enquanto em objetos pares de valor-chave são armazenados. Em 2015, JavaScript introduziu outro objeto iterável conhecido como o mapa no ECMAScript, cujo principal objetivo era dar aos desenvolvedores mais flexibilidade.

Neste post, discutiremos o que é um objeto de mapa e como converter teclas de mapa em uma matriz em JavaScript.

Objeto de mapa

Um objeto de mapa é um objeto simples cuja função é armazenar uma coleção de elementos com a exceção de que o mapa armazena dados em pares de valores-chave. Qualquer que seja a ordem que você insira dados no objeto de mapa, ele se lembra dessa ordem. O sintaxe do objeto de mapa é dado abaixo:

var map = novo mapa ([iterableObject]);

O iterableObject O argumento é opcional e é o objeto cujos elementos são armazenados como pares de valor-chave no objeto do mapa.

Vamos implementar um objeto de mapa em JavaScript para saber como o objeto do mapa é inicializado e como ele funciona:

// Crie mapa
var map = newmap ();
// configurar teclas e valores para o objeto de mapa
mapa.set ('1', 'string'); // chave como string
mapa.set (1, 'número'); // chave como numérica
mapa.set (true, 'booleano'); // chave como booleana
// obtém valores do mapa usando chaves
console.log (mapa.obtenha (1)); // número
console.log (mapa.get ('1')); // corda

No código acima, inicializamos um objeto de mapa e depois definimos alguns valores dentro do objeto de mapa inicializado. Depois disso, buscamos um valor usando o mapa.Método Get () e exibi -lo usando console.registro():

Conversão de teclas de mapa para matriz

Podemos obter as chaves do objeto de mapa usando o Mapa.chaves() método.

Para converter as teclas do mapa em uma matriz, podemos usar dois métodos. A primeira abordagem será usar o Variedade.de método que ajuda a converter um Mapiterator (um objeto nos ajudando a percorrer registros ou coleções) em uma matriz da seguinte maneira:

// Crie mapa
var map = newmap ();
// configurar teclas e valores para o objeto de mapa
mapa.set ('fruta', 'maçã');
mapa.set ('quantidade', 20);
// converte as teclas do mapa em matriz
Deixe as chaves = matriz.de (mapa.chaves() );
console.log (chaves); // [fruta, quantidade]

No código acima, primeiro, inicializamos o objeto do mapa e depois definimos dois valores para o objeto de mapa. Em seguida para obter as chaves do objeto de mapa, usamos o método interno do objeto de mapa mapa.chaves(). Então nós usamos o Variedade.de método que converterá o resultado em uma matriz. No final, exibimos as chaves no console usando o console.Método log ().

A segunda abordagem que podemos adotar é usar o operador de propagação "..." em JavaScript cuja função é tomar um iterável e depois converter aquele iterável em elementos individuais.

// Crie mapa
var map = newmap ();
// configurar teclas e valores para o objeto de mapa
mapa.set ('fruta', 'maçã');
mapa.set ('quantidade', 20);
// converte as teclas do mapa em matriz
Deixe as chaves = [… mapa.chaves() ];
console.log (chaves); // [fruta, quantidade]

O código fornecido acima permanece o mesmo, com exceção do uso do operador de propagação "...".

Como você pode ver na saída que convertemos com sucesso nosso objeto de mapa em uma matriz iterável:

Conclusão

JavaScript introduziu um objeto de mapa no ECMAScript em 2005, no qual podemos armazenar uma coleção de elementos em pares de valores-chave. Podemos obter as chaves do objeto Map usando o mapa de métodos interno.chaves(). Para converter as teclas do mapa em uma matriz, precisamos primeiro inicializar um objeto de mapa, seguido de usar o mapa.Método Keys () e, em seguida, use o operador ou matriz de espalhamento.de () método para converter as chaves em uma matriz.

Neste post, discutimos o que é um objeto de mapa JavaScript e como converter um objeto de mapa em uma matriz em JavaScript usando duas abordagens; usando o operador de espalhamento e usando uma matriz.de () método.