Objeto de mapa en JavaScript | Explicado
En JavaScript, se utilizan diferentes estructuras de datos como matrices y objetos para almacenar las colecciones de datos. En JavaScript, los pares de valor clave se pueden almacenar en los objetos. ECMAScript 2015 ofrece un nuevo objeto iterable llamado mapas que proporciona más flexibilidad mediante el almacenamiento de los elementos como pares de valor clave.
Esta publicación presentará una descripción detallada del objeto MAP y se organizará de la siguiente manera:
- ¿Qué es un objeto de mapa??
- Cómo crear un objeto de mapa?
- Mape de mapa de métodos de objetos en JavaScript.
- Cómo eliminar los elementos del mapa?
- Cómo obtener el valor de la clave en un mapa?
- Cómo obtener el número de elementos del mapa?
- Cómo recuperar claves de un objeto de mapa?
¿Qué es un objeto de mapa??
Los puntos enumerados a continuación lo ayudan a comprender el concepto de objeto MAP:
- Es una colección de elementos/elementos.
- Puede mantener/almacenar los pares de valor clave.
- Mantiene el orden de inserción del par de valores clave.
- Las claves en un objeto de mapa pueden ser de cualquier tipo de datos, como números, cadenas, objetos, etc.
Cómo crear un objeto de mapa?
Se puede crear un objeto de mapa utilizando un nuevo constructor map () o el método set (). Comprenderemos el funcionamiento de cada método uno por uno.
Cómo crear un objeto de mapa usando el nuevo constructor map ()?
En JavaScript, podemos crear un objeto de mapa usando un nuevo constructor map (). Para hacerlo, tenemos que pasar una variedad de elementos al método nuevo map ():
| 1 2 3 4 5 6 7 8 | var stddetails = nuevo mapa ([[ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ]); consola.log (stddetails); |
Ahora, ejecutemos el código anterior para ver cuál será la salida resultante:
Así es como funciona el nuevo método map () en JavaScript.
Cómo crear un objeto de mapa usando el método set ()?
Otra forma de crear un objeto de mapa es el método establecido () que nos permite agregar elementos a un mapa.
| 1 2 3 4 5 6 7 | var stddetails = new Map () cola de stddeta.set (1, "Alex"), cola de stddeta.set (2, "Dean"), cola de stddeta.set (3, "Joanes"), cola de stddeta.set (4, "John"), cola de stddeta.set (5, "Joe"), consola.log (stddetails); |
La pieza de código dada anterior producirá el resultado siguiente:
La salida aclaró que el objeto de mapa con cinco elementos se había creado con éxito.
Mape de mapa de métodos de objetos en JavaScript
La tabla dada a continuación ilustrará los métodos del mapa y su trabajo en JavaScript:
| Método | Descripción |
|---|---|
| nuevo mapa () | Se usa para crear un nuevo objeto de mapa. |
| colocar() | El método set () establece el valor de la clave en un mapa. |
| conseguir() | Este método se utiliza para obtener un valor vinculado con una clave específica en el mapa. |
| borrar() | Elimina un elemento de mapa asociado con una clave específica. |
| claro() | Elimina/borra todos los elementos del mapa. |
| para cada() | Invoca una devolución de llamada para cada par de clave/par de valores presente en el mapa |
| tiene() | Se usa para verificar si existe una clave específica en el mapa. |
| llaves() | Este método se utiliza para obtener las teclas del mapa. |
| entradas () | Devuelve un objeto iterador que consiste en un par [clave, valor] presente en un mapa. |
| valores() | Este método devuelve un objeto iterador que contiene todos los valores de mapa. |
Una vez que se crea el objeto MAP, puede usar cualquiera de los métodos mencionados anteriormente para lograr diversas funcionalidades.
Cómo eliminar los elementos del mapa?
En JavaScript, el método Eliminar se puede usar para eliminar el elemento MAP como se muestra en el siguiente fragmento de código:
| 1 2 3 4 5 6 7 8 9 | var stddetails = nuevo mapa ([[ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ]); cola de stddeta.eliminar (3); consola.log (stddetails); |
En este ejemplo, pasamos 3 al método delete (), que eliminará el elemento de mapa que tiene ID 3:
Así es como podemos eliminar un elemento de mapa específico, sin embargo, en JavaScript, el método Clear () se puede usar para eliminar todos los elementos del mapa:
| 1 2 3 4 5 6 7 8 9 | var stddetails = nuevo mapa ([[ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ]); cola de stddeta.claro(); consola.log (stddetails); |
Aquí está la salida para el método Clear ():
Cómo obtener el valor de una clave en un mapa?
En JavaScript, el método get () se puede usar para obtener un valor asociado con una clave en el mapa como se muestra en el fragmento de código dado a continuación:
| 1 2 3 4 5 6 7 8 | var stddetails = nuevo mapa ([[ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ]); consola.log (stddetails.Get (5)); |
El método get () producirá la siguiente salida:
Cómo obtener el tamaño/número de elementos del mapa?
En JavaScript, el objeto MAP tiene una propiedad con nombre de tamaño que se puede usar para obtener el número de elementos en un mapa.
| 1 2 3 4 5 6 7 8 | var stddetails = nuevo mapa ([[ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ]); consola.log (stddetails.tamaño); |
La propiedad de tamaño generará la siguiente salida:
Así es como puedes obtener el tamaño de un mapa.
Cómo recuperar claves de un objeto de mapa?
En JavaScript, el método Key () se puede usar para obtener las claves de un objeto de mapa:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 | var stddetails = nuevo mapa ([[ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ]); var string = ""; para (los elementos var de stddetails.llaves()) cadena + = elementos + "\ n"; consola.log (cadena); |
Ahora, ejecutemos el código anterior para ver cuál será la salida resultante:
Así es como podemos utilizar cualquier método de objeto map () para lograr diferentes funcionalidades.
Conclusión
El objeto MAP en JavaScript es una colección de elementos que pueden contener/almacenar los pares de valor clave. Las claves en un objeto de mapa pueden ser de cualquier tipo de datos, como números, cadenas, objetos, etc. El objeto mapa mantiene el orden del par de valores clave. El objeto MAP ofrece numerosos métodos que se utilizan para diversos fines. Esta publicación explicó qué es exactamente el objeto de mapa y cómo usar los métodos del objeto de mapa para lograr diferentes funcionalidades.