Cómo funcionan los métodos de mapa del objeto en JavaScript | Explicado con ejemplos
Existen múltiples métodos de objetos de mapa disponibles en JavaScript que se utilizan para tareas como crear un nuevo mapa, configurar o mostrar valores en un mapa, etc. Aquí en este artículo, hemos explicado todos los métodos de objeto de mapa de JavaScript para usted.
nuevo mapa ()
El nuevo método map (), como su nombre lo indica, se utiliza para crear un nuevo objeto de mapa.
Sintaxis
map = nuevo mapa (["clave", valor]);Ejemplo
En este ejemplo, hemos demostrado el funcionamiento del nuevo mapa ().
const map1 = nuevo map ();MAP1.set ('a', 100);
MAP1.set ('B', 200);
MAP1.set ('C', 300);
consola.Registro (MAP1.obtener una"));
Como se indica en el código, estamos creando un nuevo mapa con el nombre "MAP1". Además, estamos asignando ciertos pares de valor clave al mapa recién creado usando el método set () y, por último, mostramos el valor almacenado en la clave 'a' mediante el método get ().
Producción
Se creó con éxito un nuevo mapa.
colocar()
Con el fin de agregar o cambiar los valores a un mapa existente, se utiliza el método de objeto set () mapa.
Sintaxis
mapa.set ("clave", valor);Ejemplo
Supongamos que desea cambiar un cierto valor en un mapa existente. Use el siguiente código.
const map1 = nuevo mapa ([[["Café", 100],
["Sugar", 200],
["Milk", 300]
]);
MAP1.set ("Coffee", 150);
consola.Registro (MAP1.conseguir café"));
En el código anterior, se crea un mapa que tiene ciertas claves y valores almacenados en él. Estamos utilizando el método set () para cambiar el valor de la primera clave en el mapa existente.
Producción
El valor del "café" clave se cambió a "150".
conseguir()
Para obtener/buscar el valor de una clave en un mapa, se utiliza el método get ().
Sintaxis
mapa.obtener la clave");Ejemplo
Muestremos el valor de una determinada clave en un mapa existente.
const map1 = nuevo mapa ([[["Café", 100],
["Sugar", 200],
["Milk", 300]
]);
consola.Registro (MAP1.obtener leche"));
Aquí primero hemos creado un mapa y al usar el método get () estamos mostrando el valor de la clave "leche".
Producción
El valor de la clave "leche" se mostró correctamente.
tamaño
Con el fin de conocer los elementos numéricos que están presentes en un mapa, se utiliza la propiedad de tamaño.
Sintaxis
mapa.tamaño;Ejemplo
Supongamos que desea mostrar el número de elementos presentes en el mapa. Siga el código proporcionado.
const map1 = nuevo mapa ([[["A", 1],
["B", 2],
["C", 3]
]);
consola.Registro (MAP1.tamaño);
En el código anterior, estamos creando un mapa y mostrando su tamaño utilizando la propiedad de tamaño.
Producción
Los elementos presentes en el mapa son 3.
borrar()
Con el fin de eliminar un cierto elemento de un mapa, se utiliza el método Delete ().
Sintaxis
mapa.eliminar ("clave");Ejemplo
Supongamos que desea eliminar un elemento específico de un mapa:
const map1 = nuevo mapa ([[["Café", 1],
["Sugar", 2],
["leche", 3]
]);
MAP1.eliminar ("azúcar");
consola.Registro (MAP1.tamaño);
En el código de JavaScript anterior, estamos eliminando el elemento "azúcar" del mapa y mostrando el número restante de elementos utilizando la propiedad de tamaño.
Producción
Después de eliminar el elemento "azúcar", el número restante de elementos es 2.
claro()
El método Clear () se utiliza para eliminar todos los elementos de un mapa.
Sintaxis
mapa.claro();Ejemplo
Supongamos que desea borrar todos los pares de valor clave de un mapa y mostrar el tamaño del mapa después de borrar todos los valores. Use el código a continuación.
const map1 = nuevo mapa ([[["A", 1],
["B", 2],
["C", 3]
]);
MAP1.claro();
consola.Registro (MAP1.tamaño);
En el código anterior primero creamos un mapa determinado, luego usamos el método Clear () para eliminar todos sus elementos y mostramos el tamaño del mapa utilizando la propiedad de tamaño.
Producción
Se eliminaron todos los elementos de MAP1.
tiene()
El método has () muestra verdadero si una clave especificada está presente en un mapa y falso si no.
Sintaxis
mapa.tiene ("clave");Ejemplo
Para evaluar que una determinada clave está presente en un mapa o no, use el siguiente código.
const map1 = nuevo mapa ([[["Café", 500],
["Sugar", 300],
["Milk", 200]
]);
consola.Registro (MAP1.tiene ("plátano");
En el código anterior, hemos creado un mapa y le hemos dado ciertos pares de valor clave. Usando el método HAS () Vamos a verificar si hay alguna clave presente en el mapa con el nombre de "Banana".
Producción
El método ha () se muestra falso ya que no hay tal clave presente en el mapa.
para cada()
Con el fin de ejecutar una función para cada uno de los elementos presentes en un mapa, se utiliza el método foreach ().
Sintaxis
mapa.foreach ((función (valor, clave));Ejemplo
Supongamos que desea mostrar todos los pares de valor clave presentes en un mapa y para hacerlo, desea ejecutar una función para cada uno de estos pares utilizando el método foreach ().
const map1 = nuevo mapa ([[["Café", 150],
["Sugar", 250],
["Milk", 350]
]);
Let txt = "";
MAP1.foreach (función (valor, tecla)
txt + = key + '=' + valor + ","
)
consola.log (txt);
En el código anterior, estamos ejecutando una función para cada pares de valores clave presentes en un mapa. Esta función mostrará cada uno de estos pares.
Producción
Se han mostrado cada uno de los pares de valor clave presentes en el mapa.
llaves()
Con el fin de mostrar todas las teclas en un mapa, se utiliza el método de teclas ().
Sintaxis
mapa.llaves();Ejemplo
Este ejemplo demuestra el funcionamiento del método de teclas ().
const map1 = nuevo mapa ([[["Café", 150],
["Sugar", 250],
["Milk", 350]
]);
consola.Registro (MAP1.llaves());
En este código, estamos utilizando el método Key () para obtener cada clave presente en el mapa.
Producción
Cada tecla del mapa se ha mostrado con éxito.
valores()
Con el fin de mostrar todos los valores en un mapa, se utiliza el método valores ().
Sintaxis
mapa.valores();Ejemplo
Este ejemplo demuestra el funcionamiento del método de valores ().
const map1 = nuevo mapa ([[["Café", 150],
["Sugar", 250],
["Milk", 350]
]);
consola.Registro (MAP1.valores());
Estamos utilizando el método Value () para mostrar cada valor presente en el mapa.
Producción
Se han mostrado todos los valores en el mapa.
entradas ()
Para mostrar todas las teclas, así como los valores presentes en un mapa, se utiliza el método Entries ().
Sintaxis
mapa.entradas ();Ejemplo
Siga el ejemplo a continuación para comprender el funcionamiento del método Entrates ().
const map1 = nuevo mapa ([[["Café", 150],
["Sugar", 250],
["Milk", 350]
]);
consola.Registro (MAP1.entradas ());
Aquí estamos utilizando el método Entries () para mostrar todos los pares de valor clave presentes en un mapa.
Producción
El método de entradas () funciona correctamente.
Conclusión
Existen múltiples métodos de objeto de mapa de JavaScript que le permiten crear un nuevo mapa, establecer o mostrar valores en un mapa, etc. Estos métodos son establecidos (), get (), delete (), clear (), ha (), foreach (), keys (), valores () y entradas (). Todos estos métodos tienen un propósito diferente que se explica en detalle junto con un ejemplo relevante.