¿Qué es un objeto de mapa en JavaScript??

JavaScript es un lenguaje de programación que brinda aplicaciones web y páginas web la capacidad de pensar y actuar haciéndolos dinámicos e interactivos. Cuando está programando, a menudo lo confundía con qué estructura de datos se utiliza para almacenar datos que se pueden administrar y entender fácilmente. Para mantener las colecciones de datos, matrices y objetos se usan comúnmente estructuras de datos. Los pares de valor clave se almacenan en objetos, mientras que las listas indexadas se almacenan en matrices. Luego vino el Ecmascript 2015 que introdujo otro objeto Iterable conocido como mapas para proporcionar a los desarrolladores más flexibilidad. Entonces, en esta publicación, discutiremos qué es un objeto de mapa en JavaScript y discutiremos algunos ejemplos prácticos junto con capturas de pantalla de la salida.

¿Qué es un objeto de mapa??

El objeto de mapa como un objeto ordinario es una colección de elementos que almacena pares de valor clave; Sin embargo, la principal diferencia es que las teclas pueden ser de cualquier tipo. También se debe tener en cuenta que el objeto MAP recuerda el orden del par de valores clave que se insertó en el objeto MAP.

Sintaxis:

var map = nuevo mapa ([it]);

Dónde él es opcional y un objeto iterable cuyos elementos se almacenan como pares de valores clave.

El objeto MAP tiene algunas propiedades y métodos que se definen a continuación:

• Para la creación de nuevo mapa -> nuevo mapa ()
• Para almacenar un valor utilizando una clave -> mapa.establecer (clave, valor)
• Para obtener el valor de la clave -> mapa.obtener la clave)
• Si la clave no existe, entonces mapa.Get (Key) devolverá indefinido
• Para eliminar todo del mapa -> mapa.claro()
• Para obtener el tamaño del mapa -> mapa.tamaño
• Para eliminar un valor usando la clave -> mapa.Eliminar (clave)

Mapa de objeto Ejemplo1

En el código que se proporciona a continuación, primero, iniciamos el objeto MAP y luego establecemos los valores. La primera clave que configuramos es una tecla de cadena, la segunda es una clave numérica y la tercera es una clave booleana. Luego consolamos registrar el resultado de obtener los valores de las claves proporcionadas. También verificamos el tamaño del objeto de mapa que devuelve 3.

// Creación de mapas
var map = new Map ();
// Configuración de pares de valor clave para mapear
mapa.set ('1', 'String'); // una tecla de cadena
mapa.establecer (1, 'número'); // una clave numérica
mapa.set (verdadero, 'booleano'); // una llave booleana
// Obtener información del mapa
consola.Registro (mapa.Get (1)); // número
consola.Registro (mapa.Get ('1')); // cadena
consola.Registro (mapa.tamaño); // 3

Mapa de objeto Ejemplo2

También podemos configurar las teclas del objeto de mapa como objetos. Probemos esto con la ayuda del código dado a continuación:

var student1 = nombre: "jhon";
// Para cada estudiante, almacenemos sus marcas
var marcas = nuevo map ();
// Student1 es la clave para el mapa y el estudiante 1 en sí es un objeto
marcas.set (Student1, 93);
consola.Registro (marca.Get (Student1)); // 93

En el ejemplo anterior, primero iniciamos un objeto con el nombre de estudiante1 y luego creó un objeto de mapa. Después de eso, establecemos las marcas de Student1 y luego la consola registra las marcas de Student1. Cabe señalar que Student1 mismo es un objeto, pero actúa como la clave aquí. Obtenemos la salida 93 como se muestra a continuación:

Iterando sobre las teclas del mapa

Veamos ahora cómo iterar sobre las teclas de mapa para qué propósito usaremos un bucle y mapa para.Método Keys (). El mapa.El método Keys () devolverá todas las teclas del objeto MAP en el orden en que se insertaron en el objeto MAP.

Iniciemos un objeto de mapa y damos nombres como claves y valores como posición de trabajo. Luego implementamos un bucle for que consola registrará todas las teclas/nombres en el objeto de mapa.

// Creación del objeto de mapa
Var empleados = nuevo mapa ([[
["John", 'Admin'],
["Sarah", 'Editor'],
["Sam", 'escritor']]
]);
// en bucle
para (nombre var de empleados.llaves())
consola.log (nombre);

La salida del código anterior es:

Para iterar sobre los valores del mapa, simplemente cambiaremos empleados.llaves() a empleados.valores():

// Creación del objeto de mapa
Var empleados = nuevo mapa ([[
["John", 'Admin'],
["Sarah", 'Editor'],
["Sam", 'escritor']]
]);
// en bucle
para (posición var de empleados.valores())
consola.log (posición);

Elemento de eliminación usando la tecla

En este ejemplo, eliminaremos una entrada en el objeto de mapa utilizando el borrar() método:

// Creación del objeto de mapa
Var empleados = nuevo mapa ([[
["John", 'Admin'],
["Sarah", 'Editor'],
["Sam", 'escritor']]
]);
// Eliminar a John de los empleados
empleados.eliminar ("John");
// en bucle
para (nombre var de empleados.llaves())
consola.log (nombre);

Podemos ver eso John ha sido eliminado y faltante de la salida:

Conclusión

El objeto MAP se introdujo en ES6 y antes del objeto MAP, se utilizaron objetos ordinarios. Sin embargo, un objeto tiene algunas deficiencias como un objeto siempre tiene un prototipo de clave predeterminado y uno no puede usar un objeto como clave. Para resolver este problema, se introdujo el mapa, que es una colección de elementos almacenados en pares de valor clave al igual que los objetos, pero aquí las teclas pueden ser de cualquier tipo. En esta publicación, vimos un objeto de mapa en JavaScript y discutimos dos ejemplos. Además de eso, también implementamos y analizamos diferentes métodos y propiedades de los objetos de mapa de JavaScript.