-
이터러블 프로토콜을 준수한 객체
-
Symbol.iterator를 프로퍼티 키로 사용한 메서드를 직접 구현하거나 프로토타입 체인을 통해 상속받은 객체를 말한다.
-
이터러블인지 확인하는 함수를 아래처럼 구현할 수 있다.
const isIterable = v => v !== null && typeof v[Symbol.iterator] === 'function';
// 배열, 문자열, Map, Set 등은 이터러블이다.
isIterable([]); // true
isIterable(''); // true
isIterable(new Map()); // true
isIterable(new Set()); // true
isIterable({}); // false
-
ex) 배열
- 배열은
Array.prototype의 Symbol.iterator 메서드를 상속받는 이터러블이다.
- 이터러블은
for of 문으로 순회할 수 있으며, 스프레드 문법과 배열 디스트럭처링 할당의 대상으로 사용할 수 있다.
const array = [1, 2, 3];
// 배열은 Array.prototype의 Symbol.iterator 메서드를 상속받는 이터러블이다.
console.log(Symbol.iterator in array); // true
// 배열은 이터러블이므로 for of 문으로 순회 가능하다.
for(let item of array) {
console.log(item); // 1 2 3
}
// 배열은 이터러블이므로 스프레드 문법의 대상으로 사용할 수 있다.
console.log([...array]); // [1, 2, 3]
// 배열은 이터러블이므로 배열 디스트럭처링 할당의 대상으로 사용할 수 있다.
const [a, ...rest] = array;
consle.log(a, rest); // 1, [2, 3]
-
ex) 객체
Symbol.iterator 메서드를 직접 구현하지 않거나 상속받지 않은 일반 객체는 이터러블 프로토콜을 준수한 이터러블이 아니다.- 일반 객체는
for of 문으로 순회할 수 없으며, 스프레드 문법과 배열 디스트럭처링 할당의 대상으로 사용할 수 없다.
- 하지만 일반 객체도 이터러블 프로토콜을 준수하도록 구현하면 이터러블이 된다. → 뒤에 나옴
const obj = {
a: 1,
b: 2
};
// 일반 객체는 Symbol.iterator 메서드를 구현하거나 상속받지 않는다.
// 따라서 일반 객체는 이터러블 프로토콜을 준수한 이터러블이 아니다.
console.log(Symbol.iterator in obj); // false
// 일반 객체는 이터러블이 아니므로 for of 문으로 순회할 수 없다.
for(let item of obj) { // TypeError: obj is not iterable
console.log(item);
}
// 일반 객체는 이터러블이 아니므로 배열 디스트럭처링 할당의 대상으로 사용할 수 있다.
const [a, b] = obj; // TypeErrorL obj is not iterable
// 일반 객체는 이터러블이 아니지만 스프레드 문법의 사용을 허용하도록 개선되었다.
console.log({...obj}); // {a: 1, b: 2}
