[ 모던 자바스크립트 Deep Dive ] 34장 : 이터러블

34.1 이터레이션 프로토콜

• 이터리에션 프로토콜은 순회 가능한 데이터 컬레션(자료구조)을 만들기 위해 ECMAScript 사양에 정의하여 미리 약속한 규칙이다.
  • ES6 이전의 순회 가능한 데이터 컬렌션, 즉 배열, 문자열, 유사 배열 객체, DOM 컬렉션 등은 통일된 규약 없이 각자 나름의구조를 가지고 for문, for...in문, forEach 메서드 등 다양한 방법으로 순회할 수 있었다.
  • ES6에서는 순회 가능한 데이터 컬렉션을 이터레이션 프로토콜을 준수하는 이터러블로 통일하여 for...of문, 스프레드 문법, 배열 디스트럭처링 할당의 대상으로 사용할 수 있도록 일원화했다.
• 이터레이션 프로토콜에는 이터러블 프로토콜과 이터레이터 프로토콜이 있다.
  • 이터러블 프로토콜
  • 이터러블 프로토콜을 준수한 객체를 이터러블이라 한다. 이터러블은 for...of 문으로 순회할 수 있으며 스프레드 문법과 드스트럭처링 할당의 대상으로 사용할수 있다.
  • 이터레이터 프로토콜
  • 이터레이터 프로토콜을 준수한 객체를 이터레이터라 한다.
    

34.1.1 이터러블

• 이터러블 프토토콜을 준수한 객체를 이터러블이라 한다.
  • 이터러블은 symbol.iterator를 프로퍼티 키로 사용한 메서드를 직접 구현하거나 프로토타입 체인을 통해 상속받은 객체를 말한다.
  • 이터러블인지 확인하는 함수는 다음과 같이 구현할 수 있다.
    
  • 이터러블은 for...of문으로 순회할 수 있으며, 스프레드 문법과 배열 디스트럭처링 할당의 대상으로 사용할 수 있다.
    
• symbol.iterator 메서드를 직접 구현하지 않거나 상속받지 안흥ㄴ 일반 객체는 이터러블 프로토콜을 준수한 이터러블이 아니다.
  • 따라서 일반 객체는 for...of문으로 순회할 수 없으며 스프레드 문법과 배열 디스트럭처링 할당의 대상으로 사용할 수 없다.
    

34.1.2 이터레이터

• 이터러블의 symbol.iterator 메서드를 호출하면 이터레이터 프로토콜을 준수한 이터레이터를 반환한다.
  • 이터러블의 symbol.iterator 메서드가 반환한 이터레이터는 next 메서드를 갖는다.
    
• 이터레이터의 next 메서드는 이터러블의 각 요소를 순회하기 위한 포인터의 역할을 한다.
  • 즉 next 메서드를 호출하면 이터러블을 순차적으로 한 단계씩 순회하며 결과를 나타내는
  • 이터레이트 리절트 객체를 반환한다.

---

34.2 빌트인 이터러블

• 자바스크립트는 이터레이션 프로토콜을 준수한 객체인 빌트인 이터러블을 제공한다.
  

---

34.3 for...of문

• for...of문은 이터러블을 순화하면서 요소를 변수에 할당한다.
  
• for...of 문은 내부적으로 이터레이터의 next 메서드를 호출하여 이터러블을 순회하며
  • next 메서드가 반환한 이터레이터 리덜트 객체의 value 프로퍼티 값을 for...of 문이 변수에 할당한다.
  • 그리고 이터레이터 리절트 객체의 done 프로퍼티 값이 false이면 이터러블의 순화를 계속하고 true 이면 이터러블의 순회를 중단한다.
    

---

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

• 유사 배열 객체는 마치 배열처럼 인덱스로 프로퍼티값에 접근할 수 있고,
• length 프로퍼티를 갖는 객체를 말한다.
  • 유사 배열 객체는 length 프로퍼티를 갖기 때문에 for 문으로 순회할 수 있고
  • 인덱스를 나타내는 숫자 형식의 문자열을 프로퍼티 키로 가지므로 바치 배열처럼 인덱스로 프로퍼티 값에 접근할 수 있다.
    
• 유사 배열 객체는 이터러블이 아닌 일반 객체다.
• 따라서 유사 배열객체에는 symbol.iterator 메서드가 없기 때문에 for...of 문으로 순회할 수 없다.
  
  • 단, arguments, NodeList, HTMLcollection 은 유사배열이면서 이터러블이다.

---

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

• 이터레이션 프로토콜은 다양한 데이터 공급자가 하나의 순회 방식을 갖도록 규정하여
• 데이터 소비자가 효울적으로 다양한 데이터 공급자를 사용할 수 있도록
• 데이터 소비자와 데이터 공급자를 연결하는 인터페이스 역할을 한다.
  

---

34.6 사용자 정의 이터러블

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

• 이터레이션 프로토콜을 준수하지 않는 일반 객체도 이터레이션 프로토콜을 준수하도록 구현하면 사용자 정의 이터러블이 된다.
  
  • 사용자 정의 이터러블은 이터레이션 프로토콜을 준수하도록 symbol.iterator 메서드를 구현하고
  • symbol.iterator 메서드가 next 메서드를 갖는 이터레이터를 반환하도록 한다.
  • 그리고 이터레이터의 next 메서드는 done과 value 프로퍼티를 가지는 이터레이터 리절트 객제를 반환한다.
    +for...of 문은 done 프로퍼티가 true가 될 때까지 반복하며 done 프로퍼티가 true가되면 반복을 중지한다.
• 이터러블은 for...of 문뿐만 아니라 스프레드 문법, 배열 디스트럭처링 할당에도 사용할 수 있다.
  

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

• 앞에서 살펴본 fibonacci 이터러블은 수열의 최대값 max를 가지고 있다.
• 수열의 최대값을 외부에서 전달할 수 있도록 수정해보자
  • 수열의 최대값을 인수로 전달받아 이터러블을 반환하는 함수를 만들면 된다.
    

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

• 앞에서 살펴본 fibonacciFunc 함수는 이터러블을 반환한다
• 만약 이터레이터를 생성하려면 이터러블의 symbol.iterator 메서드를 호출해야 한다.