如何在JavaScript中将Map键转换为数组()

给定一个Map, 任务是使用JavaScript将Map的键获取到数组中。
方法1:

  • 声明新的Map对象
  • 显示Map内容
  • 在Map Object上使用keys()方法获取Map的键。
  • 然后使用array.from()方法将Map对象转换为数组。
范例1:这个例子使用array.from()方法, 以获取数组中Map的键。
< !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; " > srcmini < / 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 >

输出如下:
在单击按钮之前:
如何在JavaScript中将Map键转换为数组()

文章图片
单击按钮后:
如何在JavaScript中将Map键转换为数组()

文章图片
方法二:
  • 声明新的Map对象
  • 显示Map内容
  • 在Map Object上使用[…myMap.keys()]方法以数组的形式获取Map的键。
范例2:本示例使用[…Map.keys()]方法, 以获取数组中Map的键。
< !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; " > srcmini < / 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 >

【如何在JavaScript中将Map键转换为数组()】输出如下:
在单击按钮之前:
如何在JavaScript中将Map键转换为数组()

文章图片
单击按钮后:
如何在JavaScript中将Map键转换为数组()

文章图片

    推荐阅读