JavaScript迭代器是按需遍历数据的统一机制,对象需实现Symbol.iterator方法返回符合协议的迭代器对象,即具有返回{value, done}对象的next()方法。

JavaScript 中的迭代器(Iterator)是一种统一的遍历机制,它允许你按需逐个获取数据结构中的值,而不需要一次性暴露整个集合。让一个对象“可迭代”,就是让它能被 for...of、展开运算符([...obj])、解构赋值等语法识别和使用——关键在于该对象要实现 Symbol.iterator 方法,且该方法返回一个符合迭代器协议的对象。
迭代器协议:两个核心要求
一个有效的迭代器对象必须满足:
- 有一个
next()方法,每次调用返回一个形如{ value: ?, done: true|false }的对象; -
done: true表示遍历结束,之后的调用应始终返回{ value: undefined, done: true }。
如何让普通对象变成可迭代
只需在对象上定义 [Symbol.iterator] 方法,并让它返回一个迭代器对象即可。最常见的方式是返回一个闭包函数或生成器函数。
例如,让一个类数组对象支持 for...of:
立即学习“Java免费学习笔记(深入)”;
const obj = {
0: 'a',
1: 'b',
2: 'c',
length: 3,
[Symbol.iterator]() {
let i = 0;
return {
next: () => {
if (i < this.length) {
return { value: this[i++], done: false };
}
return { value: undefined, done: true };
}
};
}
};
for (const item of obj) {
console.log(item); // 'a', 'b', 'c'
}
更简洁写法:用生成器函数
生成器函数(function*)天然返回迭代器,写起来更清晰、不易出错:
const range = {
from: 1,
to: 3,
*[Symbol.iterator]() {
for (let i = this.from; i <= this.to; i++) {
yield i;
}
}
};
console.log([...range]); // [1, 2, 3]
注意:不是所有对象都默认可迭代
普通对象({})默认没有 [Symbol.iterator],所以不能直接用于 for...of 或展开。数组、字符串、Map、Set 等内置类型已实现该协议。若想让 plain object 可迭代,必须手动添加;但通常更推荐用 Map 或自定义类来表达键值对+可迭代需求。
基本上就这些。核心就两点:实现 Symbol.iterator 方法,返回一个带 next() 的对象。不复杂但容易忽略细节,比如 done 的边界处理或 this 指向问题。











