09-1 遍歷之理：反覆運算子 (Iterators)

1. 什麼是迭代器？

迭代器是一個物件，它有一個 next() 方法，回傳： { value: 任何值, done: 布林值 }。

const myIterator = {
  i: 0,
  next() {
    if (this.i < 3) {
      return { value: this.i++, done: false };
    }
    return { done: true };
  }
};

console.log(myIterator.next()); // { value: 0, done: false }

2. Symbol.iterator：打通樞紐

要讓一個物件支援 for...of，你必須賦予它一個 [Symbol.iterator] 方法。

const collection = {
  items: ["A", "B"],
  [Symbol.iterator]() {
    let i = 0;
    return {
      next: () => {
        return i < this.items.length 
          ? { value: this.items[i++], done: false } 
          : { done: true };
      }
    };
  }
};

for (const x of collection) {
  console.log(x); // "A", "B"
}

3. Iterable 的力量

只要一個物件是 Iterable (可迭代的)，你就可以對它使用：

• for...of
• [...spread] (展開運算子)
• Array.from()