前端設計模式——迭代器模式

迭代器模式（Iterator Pattern）：提供一種方法順序訪問一個聚合對象中的各個元素，而不需要暴露該對象的內部表示。在JavaScript中，可以使用迭代器模式來操作數組或類數組對象。

在迭代器模式中，集合對象包含一個方法，用於返回一個迭代器，該迭代器可以按順序訪問該集合中的元素。迭代器提供了一種通用的介面，使得可以使用相同的方式遍歷不同類型的集合對象。

在前端開發中，迭代器模式經常用於處理集合數據，例如數組、列表等。通過使用迭代器模式，可以輕鬆地遍歷集合對象的元素，而不必擔心它們的實現方式。

以下是一個使用迭代器模式的示例：

// 定義一個集合類
class Collection {
  constructor() {
    this.items = [];
  }
  add(item) {
    this.items.push(item);
  }
  [Symbol.iterator]() {
    let index = 0;
    const items = this.items;
    return {
      next() {
        if (index < items.length) {
          return { value: items[index++], done: false };
        } else {
          return { done: true };
        }
      }
    };
  }
}

// 創建一個集合對象
const collection = new Collection();
collection.add('item 1');
collection.add('item 2');
collection.add('item 3');

// 使用迭代器遍歷集合對象
const iterator = collection[Symbol.iterator]();
let result = iterator.next();
while (!result.done) {
  console.log(result.value);
  result = iterator.next();
}

// item 1
// item 2
// item 3
// {done: true}

在上面的示例中，定義了一個名為 Collection 的集合類，該類包含一個 add 方法，用於向集合中添加元素。該類還實現了一個名為 [Symbol.iterator] 的特殊方法，用於返回一個迭代器對象。迭代器對象包含一個 next 方法，用於返回集合中的下一個元素，直到集合的所有元素都被遍歷完畢。

通過使用迭代器模式，我們可以輕鬆地遍歷集合對象的元素，而不必擔心它們的實現方式。