Cómo iterar a través de un mapa en JavaScript
El siguiente contenido expresa la descripción general de esta publicación:
- Cómo iterar a través de un mapa en JavaScript
- Usando el bucle "para" para iterar a través del mapa en JavaScript
- Uso del método de devolución de llamada para iterar a través del mapa en JavaScript
Cómo iterar a través de un mapa en JavaScript?
En JavaScript, un mapa El objeto es una combinación de una clave y un par de valores. Este objeto se crea a través del Mapa() constructor. El mapa() El método itera a través del objeto en una matriz especificada. Para iterar sobre el objeto, el mapa() El método se integra con el entradas () método y devuelve una matriz a través de los pares de valor clave.
Esta sección demuestra muchas formas de iterar a través de un mapa en JavaScript.
Método 1: Uso de "For Of" Loop para iterar a través del mapa en JavaScript
Para realizar la iteración, el "Para de" el bucle se ejecuta una vez para cada par de valores clave de mapa Objetos en JavaScript. Primero, eche un vistazo a la sintaxis del "Para de" bucle para iterar sobre un mapa en JavaScript.
Sintaxis
para (const x de mapa.entradas ())En esta sintaxis, "X" significa el par de valores clave, y "mapa" se refiere al objeto.
Código
consola.Log ("Ejemplo para iterar a través de un mapa")var mag_obj = nuevo map ();
Mag_obj.set ("Cricket", "Sport");
Mag_obj.set ("manzana", "comida");
para (var [clave, valor] de mag_obj.entradas ())
consola.log (clave + "es" + valor);
El código anterior se explica aquí:
- En primer lugar, un objeto "Mag_obj" se crea a través del Mapa() constructor con un nuevo palabra clave.
- Después de eso, el colocar() El método se utiliza para almacenar dos valores, "Grillo" y "deporte" en el "Mag_obj".
- Similarmente, "Manzana" y "alimento" se establecen a través del colocar() método.
- Después de eso, el "Para de" el bucle se implementa con un entradas () método que itera sobre todos los elementos y devuelve la nueva matriz colocando "es" entre los valores anteriores.
- Finalmente, el consola.registro() El método presenta la salida a través del par de valores clave en la ventana de la consola.
Producción
La salida muestra que "El cricket es deportivo" y "La manzana es comida" se concatenan a través de los pares de valor clave.
Método 2: Uso del método de devolución de llamada para iterar a través del mapa en JavaScript
El "mapa()El método se emplea como una función de devolución de llamada en cada elemento de la matriz. La sintaxis del método map () que se utiliza como función de devolución de llamada se proporciona a continuación:
Sintaxis
arrugado.map ((elemento) => operación)En esta sintaxis, la mapa() El método itera sobre cada elemento y luego realiza un operación en eso.
Código
consola.Log ("Ejemplo para iterar a través de un mapa")const num = [3, 6, 7, 2, 5]
const new_num = num.map (elemento =>
Artículo de devolución * 2
)
consola.log (new_num)
La descripción del código se proporciona aquí:
- Una matriz numer se crea con cinco elementos "3, 6, 7, 2, y 5".
- Después de eso, el mapa() El método se utiliza para iterar sobre cada elemento de la matriz a través de la numer objeto.
- El método devuelve la nueva matriz multiplicando cada elemento por 2.
- Al final, el consola.registro() Se emplea el método para presentar la nueva matriz en la ventana de la consola.
Producción
La salida muestra que "[3, 6, 7, 2, 5]" se convierte en "[6, 12, 14, 4, 10]" multiplicando cada elemento con "2" en JavaScript.
Conclusión
JavaScript proporciona el mapa() método que se integra con el "por"Loop y entradas () Métodos para realizar la iteración a través de objetos de mapa. El en bucle itera la matriz de elementos a través de teclas de objetos. El entradas () El método atraviesa un objeto de mapa extrayendo claves y luego realizando iteración a través de valores. Aquí, has aprendido muchas formas de iterar a través de un objeto de mapa en JavaScript.