JavaScript - Map의 value를 배열로 변환

Map의 모든 value들을 배열로 변환하는 방법을 소개합니다.

1. Array.from()으로 value를 배열로 변환

Map.values()는 Map의 모든 value들에 대한 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 ]
Loading script...
codechachaCopyright ©2019 codechacha