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

偷偷努力，悄无声息地变强，然后惊艳所有人！哈哈，小伙伴们又来学习啦~今天我将给大家介绍《JS迭代器是什么？如何自定义迭代器》，这篇文章主要会讲到等等知识点，不知道大家对其都有多少了解，下面我们就一起来看一吧！当然，非常希望大家能多多评论，给出合理的建议，我们一起学习，一起进步！

迭代器是JavaScript中统一的遍历接口，要求对象实现[Symbol.iterator]方法并返回含next()的对象，next()返回{value, done}；自定义对象可通过实现该方法或使用生成器函数（yield）变为可迭代。

迭代器是 JavaScript 中一种统一的遍历接口，它允许你按需逐个访问集合（如数组、字符串、Map、Set 等）中的元素，而无需暴露内部结构。一个对象只要实现了 [Symbol.iterator] 方法，并返回一个符合迭代器协议的对象（即有 next() 方法，返回形如 { value, done } 的对象），它就是可迭代的，就能用 for...of、扩展运算符（...）、解构等语法来消费。

迭代器的核心协议

一个标准的迭代器对象必须满足两个条件：

• 有一个 next() 方法，每次调用返回一个对象：{ value: 当前值, done: 布尔值（是否遍历完毕） }
• 当 done 为 true 时，value 可选（通常表示返回值或结束信号）

如何让自定义对象可迭代（实现 [Symbol.iterator]）

只需在对象上定义一个名为 Symbol.iterator 的方法，它返回一个迭代器对象即可。例如，实现一个从 0 开始、递增到指定上限的数字范围：

class Range {
  constructor(start, end) {
    this.start = start;
    this.end = end;
  }

  [Symbol.iterator]() {
    let current = this.start;
    return {
      next: () => {
        if (current 

<h3>更简洁写法：用生成器函数（<code>function*</code>）自定义迭代</h3>
<p>生成器函数天然返回迭代器对象，是实现自定义迭代最常用、最简洁的方式：</p>
<pre class="brush:js;toolbar:false;">class Countdown {
  constructor(from) {
    this.from = from;
  }

  *[Symbol.iterator]() {
    for (let i = this.from; i > 0; i--) {
      yield i;
    }
  }
}

console.log([...new Countdown(3)]); // [3, 2, 1]

注意：yield 每次暂停并产出一个值，next() 调用会恢复执行直到下一个 yield 或函数结束；函数结束后自动返回 { done: true }。

实际中要注意的细节

• 迭代器只能使用一次：一旦 done: true，后续 next() 仍返回 { value: undefined, done: true }，不会重置
• 如果想支持多次遍历，[Symbol.iterator] 方法应每次返回**新的迭代器对象**（不能复用同一个闭包状态）
• 原生类型（Array、String、Map、Set、TypedArray、arguments、NodeList）都默认实现了 [Symbol.iterator]
• 普通对象（{}）默认不可迭代，除非手动添加该方法

基本上就这些。掌握迭代器协议和生成器，就能灵活控制数据的消费方式，也是理解 async/await、RxJS 等异步流工具的基础。

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