前端设计模式——迭代器模式

张元兵

迭代器模式（Iterator Pattern）：提供一种方法顺序访问一个聚合对象中的各个元素，而不需要暴露该对象的内部表示。在JavaScript中，可以使用迭代器模式来操作数组或类数组对象。
在迭代器模式中，集合对象包含一个方法，用于返回一个迭代器，该迭代器可以按顺序访问该集合中的元素。迭代器提供了一种通用的接口，使得可以使用相同的方式遍历不同类型的集合对象。
在前端开发中，迭代器模式经常用于处理集合数据，例如数组、列表等。通过使用迭代器模式，可以轻松地遍历集合对象的元素，而不必担心它们的实现方式。
以下是一个使用迭代器模式的示例：

1. // 定义一个集合类
2. class Collection {
3.   constructor() {
4.     this.items = [];
5.   }
6.   add(item) {
7.     this.items.push(item);
8.   }
9.   [Symbol.iterator]() {
10.     let index = 0;
11.     const items = this.items;
12.     return {
13.       next() {
14.         if (index < items.length) {
15.           return { value: items[index++], done: false };
16.         } else {
17.           return { done: true };
18.         }
19.       }
20.     };
21.   }
22. }
24. // 创建一个集合对象
25. const collection = new Collection();
26. collection.add('item 1');
27. collection.add('item 2');
28. collection.add('item 3');
30. // 使用迭代器遍历集合对象
31. const iterator = collection[Symbol.iterator]();
32. let result = iterator.next();
33. while (!result.done) {
34.   console.log(result.value);
35.   result = iterator.next();
36. }
38. // item 1
39. // item 2
40. // item 3
41. // {done: true}

复制代码

 
在上面的示例中，定义了一个名为 Collection 的集合类，该类包含一个 add 方法，用于向集合中添加元素。该类还实现了一个名为 [Symbol.iterator] 的特殊方法，用于返回一个迭代器对象。迭代器对象包含一个 next 方法，用于返回集合中的下一个元素，直到集合的所有元素都被遍历完毕。
通过使用迭代器模式，我们可以轻松地遍历集合对象的元素，而不必担心它们的实现方式。

来源:https://www.cnblogs.com/ronaldo9ph/p/17221276.html
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！