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

JavaScript迭代器协议是一套让对象具备“可遍历性”的核心约定——只要实现Symbol.iterator方法并返回符合规范的next()函数，就能无缝融入for...of、展开运算符、解构赋值等现代语法；它不绑定具体类型，而是通过统一接口赋予任意数据结构按需逐个产出值的能力，从数组、字符串到Map、Set皆原生支持，而普通对象则需手动适配，掌握它，你就能真正理解JS中“遍历”背后的运行机制与扩展可能。

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 

<h3>哪些内置类型默认支持迭代器协议</h3>
<p>多数标准数据结构已内置 <code>Symbol.iterator</code>，开箱即用：</p>

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

以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持golang学习网！更多关于文章的相关知识，也可关注golang学习网公众号。