[자바스크립트] 이터레이터 예제들

주사위 열번 굴리는 이터레이터

const diceTenTimes = {
    // ⭐️ 아래의 메서드를 갖는 것이 이터러블 프로토콜
    [Symbol.iterator] () {
        let count = 0;
        let maxCount = 10;

        // ⭐️ 이터레이터(next 메서드를 가진 객체)을 반환
        return {
            next () {
                return {
                    value: Math.ceil(Math.random() * 6),
                    done: count++ >= maxCount
                }
            }
        }
    }
}

const diceIterator = diceTenTimes[Symbol.iterator]();

for (let i = 0; i < 12; i++) {
    console.log(
        diceIterator.next()
    );
}



// 💡 for ... of 문 사용 가능
for (const num of diceTenTimes) {
    console.log(num);
}


// 💡 스프레드 문법 사용 가능
const diceResults = [...diceTenTimes];

console.log(diceResults);



// 💡 배열 디스트럭쳐링 사용 가능
const [first, second, ...rest] = diceTenTimes;

console.log(
    '주사위의 첫번째, 두번째 숫자는 각각 '
    + `${first}(와)과 ${second}, 나머지의 합은 ${
        rest.reduce((a, b) => a + b)
    } 입니다.`
);

 

피보나치 이터레이터

 

function fiboIterator () {
  let count = 0;
  const maxCount = 10; // 최대 횟수가 지정됨
  let [x, y] = [0, 1];

  return {
    next () {
      [x, y] = [y, x + y];
      return { value: y, done: count++ >= maxCount }
    }
  }
}

const fibonacci = {
  [Symbol.iterator]: fiboIterator
}

for (num of fibonacci) {
  console.log(num);
}

원하는 최대 개수의 피보나치

 

function getFiboWithMax (maxCount) {
  return {
    [Symbol.iterator] () {
      let count = 0;
      let [x, y] = [0, 1];

      return {
        next () {
          [x, y] = [y, x + y];
          return { value: y, done: count++ >= maxCount }
        }
      }
    }
  }


const fiboMax5 = getFiboWithMax(5);
const fiboMax20 = getFiboWithMax(20);

console.log([...fiboMax5]);
console.log([...fiboMax20]);

 

 

순번 이터러블 x 이터레이터

이터러블의 역할도 하는 이터레이터

 

function workersIter (people) {
  let idx = 0;

  return {
    // 💡 이터레이터로서 [스스로]를 반환!
    // 사장: 직원은 나다.
    [Symbol.iterator] () { return this; },

    // 직원의 역할
    next () {
      return {
        value: people[Math.min(idx, people.length - 1)],
        done: idx++ >= people.length
      };
    }
  }
}

// 이터러블로 사용
// 인원 명단 확인
const team1 = [
  '철수', '영희', '돌준', '미나', '준희'
];
let workersIter1 = workersIter(team1);

console.log(
  [...workersIter1]
);

// ⚠️ 이터레이터를 겸하는 경우 한 번 순회하면 끝
console.log(
  [...workersIter1]
);

// 새로 생성해야 다시 순회
workersIter1 = workersIter(team1);

console.log(
  [...workersIter1]
);

// 이터레이터로 사용
// 인원 순번 넘기기
function switchWorker(iter) {
  const next = iter.next();
  console.log(
    next.done
    ? '-- 인원 없음 -- '
    : `${next.value} 차례입니다.`
  );
}

workersIter1 = workersIter(team1);

switchWorker(workersIter1); // ⭐ 반복 실행해 볼 것