[JavaScript] Convert ES6 Iterable to Array

Set()

• Array.from과 spread syntax인 ...을 사용 가능하다.

const x = new Set([ 1, 2, 3, 4 ]);

const y = Array.from(x);
console.log(y); // = [ 1, 2, 3, 4 ]

const z = [ ...x ];
console.log(z); // = [ 1, 2, 3, 4 ]

 

Met()

• map도 Array.from과 spread syntax(...)의 사용이 가능하다.

const map = new Map([[ 1, 'one' ],[ 2, 'two' ]]);

const newArr1  = [ ...map  ];  
const newArr2 = Array.from( map );

console.log(newArr1);		// [[ 1, 'one' ],[ 2, 'two' ]]
console.log(newArr2);		// [[ 1, 'one' ],[ 2, 'two' ]]

 

• Array.from, spread syntax(...)와 함께 map.values() 혹은 map.keys()를 사용한다면 key 혹은 value만 추출한 iterable object를 추출 가능하다.

const map = new Map([[ '1', 'one' ],[ '2', 'two' ]]);

const newArrKeys  = [ ...map.keys() ];  
const newArrValues  = [ ...map.values() ]; 

console.log(newArrayKeys)		// ['1', '2']
console.log(newArrayValues)		// ['one', 'two']