javascript中的迭代器是什么_如何让对象可迭代-js教程-PHP中文网

javascript中的迭代器是什么_如何让对象可迭代

幻影之瞳

发布： 2025-12-17 22:39:07

原创

752人浏览过

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

javascript中的迭代器是什么_如何让对象可迭代

JavaScript 中的迭代器（Iterator）是一种统一的遍历机制，它允许你按需逐个获取数据结构中的值，而不需要一次性暴露整个集合。让一个对象“可迭代”，就是让它能被 for...of、展开运算符（[...obj]）、解构赋值等语法识别和使用——关键在于该对象要实现 Symbol.iterator 方法，且该方法返回一个符合迭代器协议的对象。

迭代器协议：两个核心要求

一个有效的迭代器对象必须满足：

有一个 next() 方法，每次调用返回一个形如 { value: ?, done: true|false } 的对象；
done: true 表示遍历结束，之后的调用应始终返回 { value: undefined, done: true }。

如何让普通对象变成可迭代

只需在对象上定义 [Symbol.iterator] 方法，并让它返回一个迭代器对象即可。最常见的方式是返回一个闭包函数或生成器函数。

例如，让一个类数组对象支持 for...of：

立即学习“Java免费学习笔记（深入）”；

腾讯AI 开放平台

腾讯AI开放平台

381

查看详情

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]

登录后复制