이터레이션

이터러블

• 데이터를 순회할 수 있는 객체로 for.. of 문이나 스프레드 등의 문법을 사용할 수 있다

• 이터레이터 객체를 리턴하는 [Symbol.iterator]() 메서드를 가진 객체

• [Symbol.iterator]라는 Symbol값을 키로 설정

Symbol

• Symbol.iterator는 Symbol 생성자함수의 정적 메소드이며 well-known Symbol 값이다

• Well-known Symbol인 Symbol.iterator 메서드를 프로퍼티 키 값으로 가지고 있으면 이터러블 프로토콜을 따르는 것으로 간주하고 이터러블로 동작한다

//이터러블
const iterable =['a','b','c']

//이터레이터를 반환한다
const iterator = iterable[Symbol.iterator]();

console.log(iterator.next()); // { value: 'a', done: false }
console.log(iterator.next()); // { value: 'b', done: false }
console.log(iterator.next()); // { value: 'c', done: false }
console.log(iterator.next()); // { value: undefined, done: true }

이터레이터

//이터러블 객체
const iterable = ['a','b','c'];

console.dir(iterable);
// => Symbol.iterator가 key가 된 프로퍼티가 있다

iterable[Symbol.iteartor]();
//=> Iterator {} 객체 반환
// iterator는 next method를 가진다
// next method는 {value, done}을 키로 가진다

제너레이터

• ES6에서 도입된 제너레이터 함수는 이터러블을 생성하는 함수

• 이터러블이면서 동시에 이터레이터인 객체

// 이터러블이면서 동시에 이터레이터
const createInfinityByIteration = function () {
  let i = 0; // 자유 변수
  return {
    [Symbol.iterator]() { return this; },
		//=> 자기자신을 반환해야지, 여태까지의 반복된 진행상황을 기억한다
    next() {
      return { value: ++i };
    }
  };
};

// 무한 이터러블을 생성하는 함수
const infiniteFibonacci = (function () {
  let [pre, cur] = [0, 1];

  return {
    [Symbol.iterator]() { return this; },
    next() {
      [pre, cur] = [cur, pre + cur];
      // done 프로퍼티를 생략한다.
      return { value: cur };
    }
  };
}());

// infiniteFibonacci는 무한 이터러블이다.
for (const num of infiniteFibonacci) {
  if (num > 10000) break;
  console.log(num); // 1 2 3 5 8...
}

// 제너레이터를 이용한다면...
// 무한 이터러블을 생성하는 제너레이터 함수
const createInfiniteFibByGen = function* (max) {
  let [prev, curr] = [0, 1];

  while (true) {
    [prev, curr] = [curr, prev + curr];
    if (curr >= max) return; // 제너레이터 함수 종료
    yield curr;
  }
};

for (const num of createInfiniteFibByGen(10000)) {
  console.log(num);
}

정리

참조