Como converter valores de mapa em uma matriz em JavaScript

Como Converter Valores De Mapa Em Uma Matriz Em Javascript



Os mapas JavaScript são introduzidos no ES6. Ele armazena pares chave-valor em uma lista ordenada. O uso de mapas pode ser extremamente útil para armazenar pares básicos de valores-chave, como IDs e nomes de usuário. Além disso, o JavaScript fornece alguns métodos de iteração para recuperar os valores de um mapa porque os objetos de mapa do JavaScript são iteráveis.

Este tutorial descreverá o procedimento para converter os valores do mapa em uma matriz.

Como converter/transformar valores de mapa em uma matriz usando JavaScript?

Para transformar os valores de um mapa em um array, use os métodos abaixo:







  • Método Array.from()
  • Operador de spread

Método 1: converter valores de mapa em uma matriz usando o método Array.from()

Para converter os valores de um mapa em uma matriz, use o “ map.values() ” método com o “ Matriz.de() ” método. O método map.values() é usado para obter os valores do mapa e o método Array.from() converte esses valores em um array.



Sintaxe
Siga a sintaxe fornecida para converter valores de mapa em uma matriz:



Variedade . a partir de ( mapa. valores ( ) )

Exemplo
Crie um novo objeto de mapa usando o construtor Map():





foi mapa = novo Mapa ( ) ;

Defina as entradas em um par chave-valor no mapa usando o botão “ definir() ” método:

mapa. definir ( '1' , 'Nome' ) ;
mapa. definir ( 'dois' , 'Era' ) ;
mapa. definir ( '3' , 'E-mail' ) ;
mapa. definir ( '4' , 'Contato#' ) ;

Ligar para ' valores() ” método no “ Matriz.de() ” para obter os valores do mapa e convertê-los em uma matriz e armazená-la em uma variável “ mapValues ”:



foi mapValues = Variedade . a partir de ( mapa. valores ( ) ) ;

Por fim, imprima os valores do mapa em uma matriz no console:

console. registro ( mapValues ) ;

A saída indica que os valores do mapa foram convertidos com sucesso em uma matriz:

Método 2: Converter valores de mapa em uma matriz usando o operador Spread

Outra forma de transformar os valores do mapa em um array é usar o comando “ operador de spread ' com o ' map.values() ” método. O método map.values() primeiro obtém os valores do mapa e o operador spread copiará todos os valores do mapa em uma matriz.

Sintaxe
Use a sintaxe fornecida abaixo para converter valores de mapa em uma matriz usando o operador spread:

[ ... mapa . valores ( ) ]

Exemplo
Ligar para ' map.values() ” método com o “ operador de spread ” que converterá os valores do mapa em uma matriz:

foi mapValues = [ ... mapa . valores ( ) ] ;

Resultado

Dica bônus

Se você deseja converter as chaves ou todas as entradas do mapa em uma matriz, siga a seção abaixo.

Converter chaves de mapa em uma matriz usando o método Array.from()

Para converter as chaves do mapa e todas as entradas (pares chave-valor) do mapa em um array, use o comando “ map.Keys() ” e o método “ map.entries() ” método com o “ Matriz.de() ” método. O método map.Keys() obtém as chaves do mapa e o método map.entries() é usado para recuperar as entradas do mapa em um par chave-valor.

Exemplo
Para converter chaves de mapa, chame o “ map.Keys() ” método no “ Matriz.de() ” método:

const chaves = Variedade . a partir de ( mapa. chaves ( ) ) ;

Chame o método map.entries() como um argumento no método Array.from() para converter todas as entradas do mapa em uma matriz:

const entradas = Variedade . a partir de ( mapa. entradas ( ) ) ;

A saída mostra que as chaves e entradas do mapa foram convertidas com sucesso em uma matriz:

Converter chaves de mapa em uma matriz usando o método do operador Spread

Vamos ver o método para converter as chaves do mapa e todas as entradas do mapa em uma matriz, usando o método “ operador de spread ”.

Exemplo
Ligar para ' map.Keys() ” com o operador spread e armazene a matriz resultante na variável mapKeys:

foi mapKeys = [ ... mapa . chaves ( ) ] ;

Para converter entradas de mapa em uma matriz usando o “ map.entries() ” com o operador spread:

const mapEntries = [ ... mapa . entradas ( ) ] ;

Resultado

Compilamos todas as informações necessárias relacionadas à conversão de valores de mapa em uma matriz e também mapeamos chaves e entradas em uma matriz usando JavaScript.

Conclusão

Para converter os valores do mapa em uma matriz, use o comando “ map.values() ” método com o “ Matriz.de() ” ou o método “ operador de spread ”. O método map.values() é usado para obter os valores do mapa e o método Array.from() converte esses valores em um array enquanto o operador spread copia todos os valores do mapa em um array. Este tutorial descreve o procedimento para converter os valores de um mapa em uma matriz.