什么是JavaScript的迭代器协议_它如何遍历数据结构

JavaScript迭代器协议要求对象实现Symbol.iterator方法，该方法返回含next()的对象；next()每次返回{value, done}，done为true时终止遍历。

JavaScript 的迭代器协议是一套约定，让对象能被 for...of 循环、展开运算符（[...iterable]）、解构赋值等语法识别和遍历。它不依赖具体类型，而是看对象是否实现了特定方法。

迭代器协议的核心：Symbol.iterator 方法

一个对象只要拥有名为 Symbol.iterator 的方法，且该方法返回一个符合迭代器接口的对象，它就是可迭代的（iterable）。

• Symbol.iterator 是一个内置 symbol，不能字符串化调用，必须用 obj[Symbol.iterator] 访问
• 这个方法必须返回一个迭代器对象（iterator object）
• 迭代器对象必须有 next() 方法，每次调用返回形如 { value: ..., done: true|false } 的对象

迭代器对象的 next() 方法如何工作

next() 是迭代器协议的执行核心。它控制“下一步取什么”，并决定是否结束遍历。

• 首次调用 next() 返回第一个元素的 value，done: false
• 后续调用依次返回后续元素，直到数据耗尽，此时返回 { value: undefined, done: true }
• done: true 是终止信号，for...of 等语法一旦收到就停止循环

手写一个简单数组迭代器示例

下面代码手动实现一个类数组对象的迭代器，帮助理解协议细节：

const myIterable = {
  data: ['a', 'b', 'c'],
  [Symbol.iterator]() {
    let index = 0;
    return {
      next: () => {
        if (index < this.data.length) {
          return { value: this.data[index++], done: false };
        } else {
          return { value: undefined, done: true };
        }
      }
    };
  }
};

for (const item of myIterable) {
  console.log(item); // 输出 a, b, c
}

哪些内置类型默认支持迭代器协议

多数标准数据结构已内置 Symbol.iterator，开箱即用：

• Array、String、TypedArray、Map、Set
• arguments 对象和 NodeList（DOM 查询结果）也实现了
• Object 默认不支持——普通对象不可直接 for...of，需借助 Object.keys()、Object.values() 或 Object.entries() 转为数组再遍历