什么是迭代器_javascript中如何自定义迭代？-js教程-PHP中文网

什么是迭代器_javascript中如何自定义迭代？

夜晨

发布： 2025-12-13 20:43:02

原创

326人浏览过

迭代器是JavaScript中按需遍历数据的机制，核心是实现[Symbol.iterator]方法返回含next()的对象，每次调用返回{value, done}；可借助生成器函数快速创建，yield产出值，自动满足迭代协议。

什么是迭代器_javascript中如何自定义迭代？

迭代器是 JavaScript 中一种统一遍历数据结构的机制，它允许你按需逐个获取集合中的值，而无需一次性加载全部内容。核心在于实现 [Symbol.iterator] 方法，返回一个具有 next() 方法的对象，每次调用 next() 返回 { value, done } 形式的对象。

迭代器的基本结构

一个合法的迭代器对象必须满足：

next() 方法必须存在，且每次调用返回 { value: any, done: boolean }
done: true 表示遍历结束，之后的 next() 调用仍应返回 { value: undefined, done: true }
可选地支持 return()（用于提前终止）和 throw()（用于错误注入），但非必需

为普通对象添加自定义迭代

默认情况下，普通对象不可被 for...of 遍历。只需在对象上部署 [Symbol.iterator] 方法即可：

示例：让对象按属性名顺序迭代键值对

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

Figma

Figma 是一款基于云端的 UI 设计工具，可以在线进行产品原型、设计、评审、交付等工作。

1371

查看详情

const obj = { a: 1, b: 2, c: 3 };
obj[Symbol.iterator] = function* () {
  for (const key of Object.keys(this).sort()) {
    yield [key, this[key]];
  }
};
<p>for (const [k, v] of obj) {
console.log(k, v); // 'a' 1, 'b' 2, 'c' 3
}

登录后复制

用生成器函数快速创建迭代器

生成器函数（function*）天然返回符合迭代器协议的对象，是最简洁的自定义方式：

函数体中用 yield 暂停并产出值
每次调用 next() 从上次暂停处继续执行
函数返回后自动设 done: true

示例：实现一个范围迭代器

function* range(start, end) {
  for (let i = start; i < end; i++) {
    yield i;
  }
}
<p>const iter = range(2, 5);
console.log(iter.next()); // { value: 2, done: false }
console.log(iter.next()); // { value: 3, done: false }
console.log([...range(0, 3)]); // [0, 1, 2]

登录后复制