JS迭代器原理及Symbol.iterator使用详解

本篇文章主要是结合我之前面试的各种经历和实战开发中遇到的问题解决经验整理的，希望这篇《JS迭代器原理与Symbol.iterator用法》对你有很大帮助！欢迎收藏，分享给更多的需要的朋友学习~

答案：Symbol.iterator是ES6提供的特殊符号，用于定义对象的迭代行为。当对象实现[Symbol.iterator]()方法并返回具有next()方法的迭代器时，即可被for...of、展开运算符等遍历。该方法返回形如{value, done}的对象，控制迭代过程。通过手动实现[Symbol.iterator]，可使自定义对象成为可迭代对象，如数字范围遍历示例所示，体现了JS统一的遍历机制和良好的控制流协作。

JavaScript中的迭代器（Iterator）是一种设计模式，用于顺序访问集合中的每一个元素，而无需暴露其底层结构。ES6引入了Symbol.iterator方法，让对象具备可被迭代的能力，比如可以被for...of循环遍历。理解其原理和手动实现，有助于深入掌握JS的迭代机制。

Symbol.iterator 是什么？

Symbol.iterator 是一个特殊的内置符号（symbol），当一个对象实现了这个属性，并返回一个迭代器对象时，它就成为“可迭代对象”（iterable）。也就是说，只要一个对象有 [Symbol.iterator]() 方法，就可以在 for...of、展开运算符（...）、Array.from() 等场景中使用。

该方法必须返回一个迭代器对象，而迭代器对象需要有一个 next() 方法，调用后返回形如 { value: ..., done: boolean } 的结果对象。

手动实现一个可迭代对象

我们可以通过定义 [Symbol.iterator] 方法，让一个普通对象变成可迭代的。下面是一个简单的例子，模拟一个数字范围的迭代器：

const range = {
  from: 1,
  to: 5,

  [Symbol.iterator]() {
    let current = this.from;
    const end = this.to;

    return {
      next() {
        if (current 

在这个例子中：

• range 对象定义了 [Symbol.iterator] 方法；
• 每次调用该方法时，返回一个新的迭代器对象；
• 迭代器内部维护状态 current，通过 next() 不断产生值，直到结束；
• 当 done 为 true 时，表示迭代完成。

原生可迭代对象有哪些？

JS中很多内置类型默认实现了 Symbol.iterator，例如：

• 数组：Array.prototype[Symbol.iterator]
• 字符串：每个字符可被单独迭代
• Map / Set：键值对或唯一值的集合
• arguments 对象（类数组）
• NodeList 等 DOM 集合（部分环境支持）

你可以通过以下方式验证：

console.log(typeof [][Symbol.iterator]); // "function"
console.log(typeof 'hello'[Symbol.iterator]); // "function"

迭代器的惰性求值特性

迭代器是惰性的，意味着值只有在调用 next() 时才会计算。这使得我们可以创建无限序列，而不会立即耗尽内存。

比如实现一个生成斐波那契数列的无限迭代器：

const fibonacci = {
  [Symbol.iterator]() {
    let a = 0, b = 1;
    return {
      next() {
        [a, b] = [b, a + b];
        return { value: a, done: false };
      }
    };
  }
};

// 取前10个数
for (const num of fibonacci) {
  if (num > 55) break; // 控制退出
  console.log(num);
}

这里不会无限运行，因为 for...of 可以被 break 中断，体现了迭代器与外部控制流的良好协作。

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