01 타입스크립트 소개
02 ECMAScript
03 타입스크립트 기초 문법
04 인터페이스와 클래스
05 타입의 호환성
06 타입 시스템 심화
07 고급 타입
08 모듈과 네임스페이스
09 실제 프로젝트에서 사용하기
10 유용한 라이브러리 소개
부록 II : 자바스크립트 언어 생태계

2.5.4 이터러블 프로토콜

어떤 객체가 Symbol.iterator의 키의 값으로 메소드를 갖고, 해당 메소드를 실행했을 때 이터레이터 인스턴스가 반환될 때 그 객체가 이터러블 프로토콜을 구현한다, 또는 순회 가능하다고 한다. Symbol.iterator는 ES6에 추가된 Symbol 타입의 값으로, 그 중에서도 표준에 정의되어 있는 특수한 심볼이다.

예를 들어, 다음과 같이 순회 가능한 객체 iterableObj를 정의할 수 있다.

function makeIterator(array) {
var nextIndex = 0;
return {
next: function() {
return nextIndex < array.length
? { value: array[nextIndex++], done: false }
: { done: true};
}
};
}
const iterableObj = {
[Symbol.iterator]() { return makeIterator([1, 2, 3]); }
};

순회 가능한 객체에 대해서는 for-of 문법이 사용 가능하다. 이 때 for-of 반복문은 내부적으로 이터레이터의 next()를 실행해 done === true인 경우 반복을 중단한다. done === false 인 경우, for (const elem of iterable) 문의 변수 elemvalue를 할당하고, 함수 본문을 실행한다.

for (const elem of iterableObj) {
console.log(elem);
}
// 1
// 2
// 3

또한, 순회 가능한 객체에 대해 전개 연산자가 사용 가능하다. 이 때 전개 연산자는 해당 순회 가능한 객체의 이터레이터가 리턴한 value 들의 나열로 대체된다.

console.log(...iterableObj); // [1, 2, 3]

Array, Map, Set 등의 표준 객체는 모두 이터러블 프로토콜을 구현한다. 그 덕분에 프로그래머는 서로 전혀 다른 형태의 여러 객체들을 일관적인 문법을 사용해 순회할 수 있다. 이터러블 프로토콜은 프로그래머에게 임의의 객체에 대해 해당 객체를 어떻게 순회할지를 명시하고, 동일할 문법으로 여러 객체를 순회할 수 있는 수단을 제공한다.