JavaScript - Mapのvalueを配列に変換する

Mapのすべての値を配列に変換する方法を紹介します。

1. Array.from()でvalueを配列に変換する

Map.values() は、Map のすべての値の Iterator を返します。

Array.from(iterator) を利用して、Iterator オブジェクトを配列に変換できます。

let myMap = new Map([
  ['c', 2],
  ['a', 4],
  ['d', 1],
  ['b', 3],
]);

console.log(myMap.values());

let arr = Array.from(myMap.values());
console.log(arr);

Output:

[Map Iterator] { 2, 4, 1, 3 }
[ 2, 4, 1, 3 ]

2. Spread operatorを使用してvalueを配列に変換する

以下のように Spread operator(...) を利用して iterator で参照可能なすべての要素を配列に変換できます。

let myMap = new Map([
  ['c', 2],
  ['a', 4],
  ['d', 1],
  ['b', 3],
]);

let arr = [...myMap.values()];
console.log(arr);

Output:

[ 2, 4, 1, 3 ]
codechachaCopyright ©2019 codechacha