[모딥다] 34장 이터러블

🐻 34.1 이터레이션 프로토콜

 

iteration: 반복, 순회

protocol: 약속, 규격

=> 이터레이션 프로토콜을 따른다는 것은 순회가 가능하다 라고도 말할 수 있다.

=> 이터레이션 프로토콜을 따르는 객체는 for...of 나 spread 연산자를 사용할 수 있다.

 

어떤 객체든지 순회가 가능한 객체가 되기 위해서는 iterable 프로토콜을 따라야한다.

[Symbol.iterator](): Iterator 프로토콜

-> 이 함수를 만들면? 순회가 가능한 오브젝트가 된다.

-> 그리고 이 함수 안에서 Iterator 프로토콜을 따르는, 즉 순회하는 반복자를 리턴하는 객체를 만들면 된다.

 

 

📌 이터레이션 프로토콜 

순회 가능한 데이터 컬렉션을 만들기 위해 ECMAScript  사양에 정의하여 미리 약속한 규칙. 

- 이터러블 프로토콜

: 이터러블 프로토콜을 준수한 객체

: for...of 문으로 순회할 수 있으며 스프레드 문법과 배열 디스트럭처링 대상으로 사용될 수 있다.

- 이터레이터 프로토콜 

: Symbol.iterator 메서드를 호출하면 이터레이터 프로토콜을 준수한 이터레이터를 반환.

: 이터레이터 프로토콜을 준수한 객체를 이터레이터라고 한다. -> 이터러블의 요소를 탐색하기 위한 포인터 역할을 한다.

 

 

34.1 이터러블

Symbol.iterator 메서드를 직접 구현하거나 프로토타입 체인을 통해 상속받은 객체를 말한다.

- Map, Set, 배열, 문자열 등은 이터러블이다.

 

일반 객체는 for...of 문으로 순회할 수 없다.

하지만 이터러블 프로토콜을 준수하도록 구현하면 이터러블이 될 수 있다.

 

34.2 이터레이터

Symbol.iterator 메서드를 호출하면 -> 이터레이터 프로토콜을 준수한 이터레이터를 반환함.

이렇게 반환된 이터레이터는 next 메서드를 갖는다.

next 메서드는 이터러블의 각 요소를 순회하기 위한 포인터의 역할을 한다.

-> 순차적으로 한단계씩 순회하며, 순회 결과를 나타내는 이터레이터 리절트 객체를 반환한다.

 

 

 

 

 

🐻 34.2 빌트인 이터러블

 

JS 는 이터레이션 프로토콜을 준수한 객체인 빌트인 어터러블을 제공. 

- Array

- String

- Map

- Set

- TypedArray

- arguments

- DOM 컬렉션

 

 

 

 

 

🐻 34.3 for...of 문

 

for...of 문은 이터러블을 순회하면서 이터러블의 요소를 변수에 할당한다.

for(변수선언문 of 이터러블) {...}

이렇게 사용할 수 있다. 

내부적으로 이터레이터의 next 메서드를 호출 -> 순회 -> 리절트 객체의 value 값을 변수에 할당함. 

리적트 객체의 done 프로퍼티 값이 false 면 순회 계속, true 면 순회 중단.

 

const arr = [1, 2, 3];
const iterator = arr[Symbol.iterator]();

console.log(iterator.next());
console.log(iterator.next());
console.log(iterator.next());
console.log(iterator.next());

👇결과

{ value: 1, done: false }
{ value: 2, done: false }
{ value: 3, done: false }
{ value: undefined, done: true }

 

 

for...in 과 매우 유사하다. (<- [[Enumerable]] 이 true 인 프로퍼티를 순회하며 열거한다.

 

 

 

 

 

🐻 34.4 이터러블과 유사 배열 객체

 

유사 배열 객체

- 배열처럼 인덱스로 프로퍼티 값에 접근할 수 있음 

- length 프로터피를 갖는다.

-> for 문으로 순회 가능

- 하지만 이터러블이 아닌 일반 객체임. 

-> Symbol.iterator 메서드가 없음. 

-> for...of 문으로 순회는 불가능

 

Array.from

유사 배열 객체 또는 이터러블을 인수로 전달받아 배열로 변환 & 반환

 

 

 

 

 

🐻 34.5 이터레이션 프로토콜의 필요성

 

이터러블은 데이터 공급자의 역할. 

이터레이션 프로토콜

: 공급자가 하나의 순환 방식을 갖도록 규정 -> 데이터 소비자가 효율적으로 사용할 수 있게 연결해주는 역할을 한다.

 

 

 

// 보충 필요

🐻 34.6 사용자 정의 이터러블

 

34.6.1 사용자 정의 이터러블 구현

- 일반 객체도 이터레이션 프로토콜을 준수하도록 구현하면 사용자 정의 이터러블이 된다. 

Symbol.iterator 메서드를 구현하고 이 메서드가 next 메서드를 갖는 이터레이터를 반환하도록 한다.

 

 

34.6.2 이터러블을 생성하는 함수

 

 

34.6.3 이터러블이면서 이터레이터인 객체를 생성하는 함수

 

 

34.6.4 무한 이터러블과 지연 평가

 

지연 평가

: 데이터가 필요한 시점 이전까지는 미리 데이터를 생성하지 않다가 데이터가 필요한 시점이 오면 그때야 비로소 데이터를 생성하는 기법

: 불필요한 데이터를 미리 생성하지 않아 빠른 실행 속도를 기대할 수 있고, 무한도 표현이 가능. 

next 메서드가 호출될 때 데이터가 생성됨.