JavaScript에서 스프레드 연산자와 이터레이터
spread 연산자는 이터레이터를 가진 모든 객체를
분해합니다. 이때 기본 이터레이터가 사용됩니다. 예제를 통해
살펴보겠습니다. 다음과 같은 Map 컬렉션이 있다고 가정해
봅시다:
let map = new Map();
map.set('a', 1);
map.set('b', 2);
map.set('c', 3);
기본적으로 분해하면 2차원 배열이 얻어집니다:
let arr = [...map];
console.log(arr); // [['a', 1], ['b', 2], ['c', 3]]
키 배열을 얻으려면 해당 이터레이터를 분해하세요:
let arr = [...map.keys()];
console.log(arr); // ['a', 'b', 'c']
값 배열을 얻는 것도 비슷합니다:
let arr = [...map.values()];
console.log(arr); // [1, 2, 3]
다음 객체를 스프레드 연산자로 분해하세요:
let obj = {
a: 1,
b: 2,
c: 3,
[Symbol.iterator]: function *(){
for (let key in this){
yield this[key];
}
}
};
