[JavaScript] Set을 Array로 바꾸는 방법

1. Array.from()

MDN에서 Array.from()을 다음과 같이 정의한다.
Array.from() 메서드는 유사 배열 객체나 반복 가능한 객체를 얕게 복사해 새로운 Array 객체를 만든다.

const set = new Set([1, 2, 3]);
const arr = Array.from(set);
console.log(set);
console.log(arr);

결과

Set(3) { 1, 2, 3 }
[ 1, 2, 3 ]

 

2. Spread Operator

Spread Operator는 ES6의 문법으로 배열이나 문자열과 같은 반복가능한 객체를 하나씩 펼쳐서 리턴한다.

... 와 같이 점 3개로 표현한다.

const set = new Set([1, 2, 3]);
const arr = [...set];
console.log(set);
console.log(arr);

결과

Set(3) { 1, 2, 3 }
[ 1, 2, 3 ]

 

3. forEach

마지막 3번째는 반복문을 이용한 방법이다.

const set = new Set([1, 2, 3]);
const arr = [];

set.forEach((element) => {
  arr.push(element);
});

console.log(arr);

결과

Set(3) { 1, 2, 3 }
[ 1, 2, 3 ]