JavaScript 中 Iterator 怎么配合 for...of 循环消费自定义的可迭代对象-js教程-PHP中文网

for...of循环可遍历任何实现迭代协议的对象，关键在于其必须提供返回迭代器的[symbol.iterator]()方法；该迭代器需有next()方法，每次返回{value, done}对象；自定义时须确保每次调用[symbol.iterator]()都返回新迭代器。

javascript 中 iterator 怎么配合 for...of 循环消费自定义的可迭代对象

JavaScript 中，for...of 循环能自动消费任何实现了 迭代协议（iteration protocol） 的对象，关键在于该对象必须提供一个符合规范的 [Symbol.iterator]() 方法，返回一个迭代器（iterator）对象。自定义可迭代对象时，只需正确实现这个方法即可。

1. 理解迭代器协议的核心结构

一个“可迭代对象”需满足：

拥有 [Symbol.iterator] 方法（即键为 Symbol.iterator 的函数）
该方法返回一个“迭代器对象”，该对象必须有 next() 方法
next() 每次调用返回形如 { value: ..., done: true|false } 的对象

2. 手动实现一个简单可迭代对象

例如，创建一个表示前 n 个自然数的可迭代类：

Java Maven Code Review

审查Java Maven项目（ZIP压缩包或GitLab仓库URL），检查代码规范、命名、模块边界、可维护性问题以及重复代码。

下载

class Countdown {
  constructor(n) {
    this.n = n;
  }
<p>[Symbol.iterator]() {
let i = this.n;
return {
next() {
if (i > 0) {
return { value: i--, done: false };
} else {
return { value: undefined, done: true };
}
}
};
}
}</p><p>// 使用 for...of
for (const num of new Countdown(3)) {
console.log(num); // 输出: 3, 2, 1
}</p>

3. 更实用：让普通对象或数组-like 结构可迭代

比如封装一组数据并控制遍历行为（跳过 null/undefined、做转换等）：

const data = [1, null, 2, undefined, 3];
<p>const filteredIterable = {
[Symbol.iterator]() {
const arr = data.filter(x => x != null);
let index = 0;
return {
next() {
if (index </p><p>for (const v of filteredIterable) {
console.log(v); // 输出: 2, 4, 6
}</p>