Dado un mapa y la tarea es obtener las claves del mapa en una array usando JavaScript.
Enfoque 1:
- Declarar nuevo objeto de mapa
- Mostrar el contenido del mapa
- Utilice el método keys() en Map Object para obtener las claves de Map.
- Luego use el método array.from() para convertir el objeto del mapa en una array.
Ejemplo 1: este ejemplo usa el método array.from() para obtener las claves del mapa en la array.
<!DOCTYPE HTML>
<html>
<head>
<title>
How to convert Map keys to
array in JavaScript ?
</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<p id = "GFG_UP" style =
"font-size: 19px; font-weight: bold;">
</p>
<button onClick = "GFG_Fun()">
click here
</button>
<p id = "GFG_DOWN" style =
"color: green; font-size: 24px; font-weight: bold;">
</p>
<script>
var up = document.getElementById('GFG_UP');
var down = document.getElementById('GFG_DOWN');
let myMap = new Map().set('GFG', 1).set('Geeks', 2);
up.innerHTML = 'myMap = ("GFG" => 1, "Geeks" => 2)';
function GFG_Fun() {
var array = Array.from(myMap.keys());
down.innerHTML = "Elements in array are " + array
+ " and Length of array = " + array.length;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Enfoque 2:
- Declarar nuevo objeto de mapa
- Mostrar el contenido del mapa
- Use el método [ …myMap.keys() ] en Map Object para obtener las claves de Map como una array.
Ejemplo 2: Este ejemplo usa el método [ …Map.keys() ] para obtener las claves del Mapa en la array.
<!DOCTYPE HTML>
<html>
<head>
<title>
How to convert Map keys to
array in JavaScript
</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<p id = "GFG_UP" style =
"font-size: 19px; font-weight: bold;">
</p>
<button onClick = "GFG_Fun()">
click here
</button>
<p id = "GFG_DOWN" style =
"color: green; font-size: 24px; font-weight: bold;">
</p>
<script>
var up = document.getElementById('GFG_UP');
var down = document.getElementById('GFG_DOWN');
let myMap = new Map().set('GFG', 1).set('Geeks', 2);
up.innerHTML = 'myMap = ("GFG" => 1, "Geeks" => 2)';
function GFG_Fun() {
var array = [ ...myMap.keys() ];
down.innerHTML = "Elements in array are " + array
+ " and Length of array = " + array.length;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Publicación traducida automáticamente
Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA