2022-12-07: Iterator와 Generator

1️⃣ Iterable Object

Iteration이라는 영단어는 ‘반복’, Iterable이라는 영단어는 ‘반복 가능한’이라는 의미를 담고 있다.
JavaScript에서는 이전에 배웠던 Map이나 Set, Object, Array 등과 같은 컬렉션을 순회하기 위한 Iteration Protocols(프로토콜, 약속, 규칙, 규약)이 정해져 있다.
- 이 규칙을 지키는 객체는 for…of 문을 통해 데이터를 순회할 수 있으며 Spread(전개) 문법을 적용시킬 수 있다.
- 이 Iteration Protocols에는 아래의 두 가지가 속해있다.
  - Iterable Protocols
  - Iterator Protocols
Iterable Object는 Iterable Protocols의 규칙을 지키며, 반복이 가능한 객체라는 의미를 담고 있다.
- 줄여서 Iterable이라고 쓰기도 한다.
Iterable은 일반 Object와 달리 Symbol.iterator라는 메소드를 가지고 있다.
- 이 메소드는 Iterator를 반환한다.
Iterable은 for…of 문에서만 반복할 수 있으며, Spread(전개 구문) 문법을 활용할 수 있다.
- 일반 객체도 Spread 구문 문법을 사용할 수 있던데 이게 무슨 차이가 있는지는 좀 더 조사해보고 정리해볼 필요가 있겠다.

const arrayObject = [1, 2, 3];

for (let val of arrayObject) {
	console.log(val);
}
// 1
// 2
// 3

const mapObject = new Map([["name","Shin"],["age",29]]);

for (let key of mapObject) {
	console.log(key)
}
// (2) ['name', 'Shin']
// (2) ['age', 29]

const setObject = new Set("IVE");

for (let val of setObject) {
	console.log(val)
}
// I
// V
// E

// 위에서 쓴 배열, Map 객체, Set 객체 모두 for...of 문으로 표현이 가능하므로 Iterable이다.

const normalObject = {"name":"Ahn", "age": 21}

console.log(Symbol.iterator in normalObject) // false - 일반 객체
console.log(Symbol.iterator in arrayObject) // true - Iterable
console.log(Symbol.iterator in mapObject) // true - Iterable
console.log(Symbol.iterator in setObject) // true  - Iterable

참고로, Iterable의 for…of 반복문은 문자열에도 활용할 수 있다.

for (let letter of "글자입니다") {
    console.log(letter)
} // 글 자 입 니 다

2️⃣ Iterator

Iterator는 Iterator Protocols의 규칙을 지키며, Iterable에서 Symbol.iterator 메소드를 호출해 반환되는 객체이다.

목차

1️⃣ Iterable Object

2️⃣ Iterator