A continuación se muestra el ejemplo del método Map.forEach()
Javascript
<script>
// Creating a map using Map object
let mp=new Map()
// Adding values to the map
mp.set("a",1);
mp.set("b",2);
mp.set("c",3);
// Logging map object to console
mp.forEach((values,keys)=>{
document.write(values,keys+"<br>")
})
</script>
Producción:
1a 2b 3c
El método Map.forEach se usa para recorrer el mapa con la función dada y ejecuta la función dada sobre cada par clave-valor.
Sintaxis:
myMap.forEach(callback, value, key, thisArg)
Parámetros: este método acepta cuatro parámetros, como se mencionó anteriormente y se describe a continuación:
- devolución de llamada: esta es la función que se ejecuta en cada llamada de función.
- valor: Este es el valor para cada iteración.
- clave: Esta es la clave para llegar a la iteración.
- thisArg: Este es el valor a usar como este al ejecutar la devolución de llamada.
Devoluciones: Devuelve el valor indefinido.
Programa 1:
HTML
<script>
// Creating a map using Map object
let mp=new Map()
// Adding values to the map
mp.set("a",65);
mp.set("b",66);
mp.set("c",67);
mp.set("d",68);
mp.set("e",69);
mp.set("f",70);
// Logging map object
document.write(mp+ "<br>");
mp.forEach((values,keys)=>{
document.write("values: ",values+
", keys: ",keys+ "<br>")
})
</script>
Producción:
[object Map] values: 65, keys: a values: 66, keys: b values: 67, keys: c values: 68, keys: d values: 69, keys: e values: 70, keys: f
Programa 2:
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width,
initial-scale=1.0">
<title>Document</title>
</head>
<body>
<ul class="list">
</ul>
<script>
// Creating a map using Map object
let mp=new Map()
//adding values to the map
mp.set("a",65);
mp.set("b",66);
mp.set("c",67);
mp.set("d",68);
mp.set("e",69);
mp.set("f",70);
//logging map object to console
document.log(mp);
let ul=document.querySelector("ul");
mp.forEach((values,keys)=>{
ul.innerHTML+=ul.innerHTML="<li>"+keys+" =>"+values+"</li>"
})
</script>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome 38 y superior
- Microsoft Edge 12 y superior
- Mozilla Firefox 25 y superior
- Internet Explorer 11 y superior
- Safari 8 y superior
- Opera25 y superior