Mapas en JavaScript | Explicado

Los mapas en JavaScript también son un tipo de datos estructurados que almacenan similares a los objetos y matrices. Sin embargo, los mapas sacan lo mejor de los objetos y matrices. Los mapas almacenan datos en pares de valor clave, muy parecido a un objeto, ya que la diferencia es que la clave en los mapas puede ser de varios tipos de datos. MAP almacena datos en un orden preservado, lo que lo hace similar a una matriz con la diferencia de pares de valor clave en lugar de valores indexados.

Los mapas se lanzaron en la versión ES6 de JavaScript, que también se conoce como ES2015 JS. Los mapas se usan principalmente porque proporcionan flexibilidad al programador.

Sintaxis de mapas

Para inicializar un nuevo mapa, utilizará la siguiente sintaxis:

var map = new Map ();

Como puede ver, creamos un nuevo mapa llamando a su función de constructor utilizando la palabra clave "nuevo".

Cómo trabajar con mapas?

Creemos una nueva variable de mapa utilizando la siguiente línea:

var dataSet = new Map ();

Ha creado un nuevo conjunto de datos en el que puede almacenar varios tipos de información, para poner valores dentro de un mapa que utiliza el Método establecido. La sintaxis del método de conjunto del mapa es como:

mapa.set (clave, "valor");

Ahora conoce la sintaxis, así que intentemos poner algunos valores dentro del mapa con las siguientes líneas de código:

conjunto de datos.set (1, "inglés");
conjunto de datos.set (2, "español");
conjunto de datos.set (3, "francés");

Como puede ver, ha agregado tres pares de valor clave dentro del mapa, puede verificarlo imprimiendo el mapa usando el consola.registro() función como:

consola.registro (conjunto de datos);

Todo el fragmento de código es como

var dataSet = new Map ();
conjunto de datos.set (1, "inglés");
conjunto de datos.set (2, "español");
conjunto de datos.set (3, "francés");
consola.registro (conjunto de datos);

Después de ejecutar este código, verá la siguiente salida en su consola:

Tenga en cuenta que hay una cosa interesante dentro de la salida que diferencia mapa desde un objeto, En los objetos, los pares de valor clave están separados por un colon ":" Mientras que en el caso de los mapas, los pares de valor clave están separados por un flecha "=>".

Iterando a través de un mapa

Tiene múltiples formas de iterar a través del mapa, una de las formas tradicionales es usar el mapa para el mapa.

Recuperación de claves del mapa

Puede iterar a través de las claves del mapa utilizando las siguientes líneas de código:

para (claves del conjunto de datos.llaves())
consola.log ('las teclas son: $ teclas');

La salida es como

Obtener valores del mapa

Para iterar a través de los valores del mapa, puede usar las siguientes líneas de código:

para (valores del conjunto de datos.valores())
consola.log ('los valores son: $ valores');

La salida es como

Obtener claves y valores como par

Si desea obtener las teclas y los valores como par, bueno, puede hacerlo usando las siguientes líneas de código:

para ([claves, valores] de conjunto de datos)
consola.log ('key is: $ keys y valor es: $ valores');

Obtener un valor específico de una clave específica

Incluso puede obtener un valor específico de un mapa utilizando el Obtener método, Pruebe la siguiente línea de código:

consola.registro (conjunto de datos.Get (1));

Obtendrá la siguiente salida:

Como puede ver, pudo obtener el valor de una clave específica utilizando el conseguir método.

Varios tipos de llaves

Como se mencionó anteriormente, que un mapa puede tener varios tipos de teclas, que es la característica principal que diferencia un mapa de un objeto simple. Tomemos el mismo mapa que hemos estado usando en todos los ejemplos anteriores, pero agregemos algunos pares de valor clave, con diferentes tipos de claves:

Cadena como clave
Puede tener claves de tipos de datos de cadena como mostrar en la siguiente línea:

conjunto de datos.set ("coms", "bastante bueno");

Booleano como clave
Puede tener una clave de tipos de datos booleanos como la siguiente línea de código:

conjunto de datos.set (verdadero, 1);
conjunto de datos.set (falso, 0);

Objetos como clave
Incluso puede pasar objetos como claves, pruebe las siguientes líneas de código:

var persona1 = nombre: "John Doe", edad: 25, altura: "6 pies 2";
conjunto de datos.set (persona1, "miembro");

Para verificar todo el código anterior, simplemente puede llamar a un consola.registro() Funcionar para imprimir el mapa en la consola como:

consola.registro (conjunto de datos);

El fragmento de código completo es como

var dataSet = new Map ();
conjunto de datos.set (1, "inglés");
conjunto de datos.set ("coms", "bastante bueno");
conjunto de datos.set (verdadero, 1);
conjunto de datos.set (falso, 0);
var persona1 = nombre: "John Doe", edad: 25, altura: "6 pies 2";
conjunto de datos.set (persona1, "miembro");
consola.registro (conjunto de datos);

Después de ejecutar el código anterior, obtiene la siguiente salida:

Como puede ver, cada clave se agregó al conjunto de datos junto con su valor, y así es como funcionan los mapas en JavaScript.

Conclusión

Los mapas son una colección de pares de valor clave que se almacenan en un orden preservado, lo que hace que el mapa imite el comportamiento del objeto y una matriz. Los mapas pueden tener cualquier tipo de datos y cualquier tipo de valor de datos mientras se mantiene el orden de los pares de valor clave al igual que en las matrices. Puede agregar pares de valor clave dentro del mapa utilizando el colocar() Método del mapa, puede obtener un valor específico utilizando el conseguir() método, y para iterar a través de todo el mapa puede usar el para el bucle. Se utilizan mapas porque proporcionan más flexibilidad y libertad al programador.