Cómo convertir las claves de mapas en una matriz en JavaScript?

JavaScript es un lenguaje de programación de alto nivel que ofrece a sus desarrolladores muchas estructuras de datos diferentes que se utilizan para almacenar datos y contenido y se pueden mantener y entender fácilmente. Las estructuras más utilizadas para almacenar colecciones de datos en JavaScript son matrices y objetos. Las matrices se utilizan para almacenar registros indexados, mientras que en objetos se almacenan los pares de valor clave. En 2015, JavaScript introdujo otro objeto iterable conocido como el mapa en Ecmascript cuyo objetivo principal era dar a los desarrolladores más flexibilidad.

En esta publicación, discutiremos qué es un objeto de mapa y cómo convertir las claves de mapas en una matriz en JavaScript.

Objeto de mapa

Un objeto de mapa es un objeto simple cuya función es almacenar una colección de elementos con la excepción de que el mapa almacena datos en pares de valor clave. Cualquiera que sea el pedido, inserta datos en el objeto de mapa, recuerda ese orden. El sintaxis del objeto mapa se da a continuación:

var map = nuevo mapa ([ITerableBject]);

El iterableBject El argumento es opcional y es el objeto cuyos elementos se almacenan como pares de valores clave en el objeto de mapa.

Implementemos un objeto de mapa en JavaScript para que sepamos cómo se inicializa el objeto MAP y cómo funciona:

// Crear mapa
var map = newMap ();
// Configurar claves y valores para el objeto de mapa
mapa.set ('1', 'String'); // clave como cadena
mapa.establecer (1, 'número'); // clave como numérica
mapa.set (verdadero, 'booleano'); // clave como booleano
// Obtener valores del mapa usando teclas
consola.Registro (mapa.Get (1)); // número
consola.Registro (mapa.Get ('1')); // cadena

En el código anterior, inicializamos un objeto de mapa y luego establecemos algunos valores dentro del objeto de mapa inicializado. Después de esto, obtenemos un valor usando el mapa.Get () Método y mostrarlo con la consola.registro():

Conversión de claves de mapa a la matriz

Podemos obtener las claves del objeto de mapa utilizando el Mapa.llaves() método.

Para convertir las teclas de mapa en una matriz podemos usar dos métodos. El primer enfoque será usar el Formación.de método que ayuda a convertir un Mapiterador (un objeto que nos ayuda a recorrer registros o colecciones) en una matriz de la siguiente manera:

// Crear mapa
var map = newMap ();
// Configurar claves y valores para el objeto de mapa
mapa.set ('fruta', 'manzana');
mapa.set ('cantidad', 20);
// Convertir las teclas de mapa en la matriz
Deja que Keys = Array.De (mapa.llaves() );
consola.log (claves); // [fruta, cantidad]

En el código anterior, primero, inicializamos el objeto MAP y luego establecemos dos valores para el objeto MAP. A continuación para obtener claves del objeto de mapa, utilizamos el método incorporado del objeto de mapa mapa.llaves(). Entonces usamos el Formación.de método que convertirá el resultado en una matriz. Al final, mostramos las teclas en la consola usando la consola.Método log ().

El segundo enfoque que podemos adoptar es usar el operador de propagación "..." en JavaScript cuya función es tomar un iterable y luego convertirlo en elementos individuales.

// Crear mapa
var map = newMap ();
// Configurar claves y valores para el objeto de mapa
mapa.set ('fruta', 'manzana');
mapa.set ('cantidad', 20);
// Convertir las teclas de mapa en la matriz
Sea claves = [... mapa.llaves() ];
consola.log (claves); // [fruta, cantidad]

El código dado anteriormente sigue siendo el mismo con la excepción del uso del operador de spread "...".

Como puede ver en la salida que hemos convertido con éxito nuestro objeto de mapa en una matriz iterable:

Conclusión

JavaScript introdujo un objeto de mapa en Ecmascript en 2005 en el que podemos almacenar una colección de elementos en pares de valores clave. Podemos obtener las teclas del objeto MAP utilizando el mapa del método incorporado.llaves(). Para convertir las teclas de mapa en una matriz primero tenemos que inicializar un objeto de mapa, seguido de usar el mapa.Método de llaves () y luego use el operador o una matriz de extensión.de () método para convertir las teclas en una matriz.

En esta publicación, discutimos qué es un objeto de mapa de JavaScript y cómo convertir un objeto de mapa en una matriz en JavaScript utilizando dos enfoques; Usar el operador de propagación y usar una matriz.del método ().