迭代器是符合迭代器协议的对象，拥有next方法，返回包含value和done属性的对象，用于顺序访问集合元素而不暴露内部结构。
JavaScript中的迭代器模式是一种设计模式，它提供一种统一的方式访问集合中的各个元素，同时不暴露其内部结构。核心思想是通过一个对象来按顺序获取数据，这个对象就是迭代器。
在JavaScript中，迭代器是一个符合迭代器协议的对象，拥有一个 next() 方法，该方法返回一个包含 value 和 done 两个属性的结果对象：
当 done 为 true 时，表示迭代完成；否则继续。
可以通过手动实现 next 方法来创建一个迭代器，也可以利用生成器函数简化过程。
手动实现迭代器：例如，为一个数组创建自定义迭代器：
function createIterator(arr) {
let index = 0;
return {
next: function() {
return index < arr.length ?
{ value: arr[index++], done: false } :
{ value: undefined, done: true };
}
};
}
<p>const iter = createIterator([1, 2, 3]);
iter.next(); // { value: 1, done: false }
iter.next(); // { value: 2, done: false }
iter.next(); // { value: 3, done: false }
iter.next(); // { value: undefined, done: true }
使用生成器函数（更简洁）：
生成器函数会自动返回一个迭代器对象：
function* genIterator() {
yield 1;
yield 2;
yield 3;
}
<p>const g = genIterator();
g.next(); // { value: 1, done: false }
g.next(); // { value: 2, done: false }
一个对象如果实现了 [Symbol.iterator] 方法，并且该方法返回一个迭代器，那么它就是“可迭代的”。数组、字符串、Map、Set 等原生类型都实现了这个接口。
for...of 循环正是基于这个协议工作的：
const arr = [10, 20, 30];
for (const item of arr) {
console.log(item); // 依次输出 10, 20, 30
}
这背后其实是调用了 arr[Symbol.iterator]() 获取迭代器，然后不断调用 next() 遍历。
基本上就这些。迭代器模式让数据访问方式更一致，也支持惰性求值和无限序列等高级场景。理解它有助于掌握ES6的生成器和异步迭代等特性。不复杂但容易忽略细节。
以上就是js迭代器模式是什么的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
844
