什么是迭代器 (Iterator)？

推荐答案

迭代器（Iterator）是 ECMAScript 6 引入的一种接口，它为不同的数据结构提供了一种统一的遍历机制。迭代器是一个对象，它实现了 next() 方法，该方法返回一个包含 value 和 done 两个属性的对象。value 表示当前遍历的值，done 是一个布尔值，表示遍历是否结束。

本题详细解读

迭代器的定义

迭代器是一种设计模式，它允许你遍历一个集合（如数组、对象、Map、Set 等）而不需要了解其内部结构。在 JavaScript 中，迭代器是通过实现 Symbol.iterator 方法来创建的。任何实现了 Symbol.iterator 方法的对象都可以被迭代。

迭代器的基本用法

一个迭代器对象必须实现 next() 方法，该方法返回一个包含 value 和 done 属性的对象。value 是当前迭代的值，done 是一个布尔值，表示迭代是否完成。

const array = [1, 2, 3];
const iterator = array[Symbol.iterator]();

console.log(iterator.next()); // { value: 1, done: false }
console.log(iterator.next()); // { value: 2, done: false }
console.log(iterator.next()); // { value: 3, done: false }
console.log(iterator.next()); // { value: undefined, done: true }

自定义迭代器

你可以为自定义对象实现迭代器。例如，创建一个简单的范围迭代器：

// www.javascriptcn.com code example
const range = {
  from: 1,
  to: 5,

  [Symbol.iterator]() {
    this.current = this.from;
    return this;
  },

  next() {
    if (this.current <= this.to) {
      return { value: this.current++, done: false };
    } else {
      return { done: true };
    }
  }
};

for (let num of range) {
  console.log(num); // 1, 2, 3, 4, 5
}

迭代器的应用场景

1. 遍历数据结构：迭代器可以用于遍历数组、对象、Map、Set 等数据结构。
2. 生成器函数：生成器函数返回一个迭代器对象，可以用于惰性求值。
3. 异步迭代器：ES2018 引入了异步迭代器，用于处理异步数据流。

迭代器与生成器的关系

生成器函数（Generator Function）是创建迭代器的一种简便方式。生成器函数使用 function* 语法定义，并通过 yield 关键字返回值。每次调用生成器的 next() 方法时，生成器函数会执行到下一个 yield 语句，并返回相应的值。

// www.javascriptcn.com code example
function* generateSequence() {
  yield 1;
  yield 2;
  yield 3;
}

const generator = generateSequence();

console.log(generator.next()); // { value: 1, done: false }
console.log(generator.next()); // { value: 2, done: false }
console.log(generator.next()); // { value: 3, done: false }
console.log(generator.next()); // { value: undefined, done: true }

总结

迭代器是 JavaScript 中一种强大的工具，它提供了一种统一的遍历机制，使得我们可以轻松地遍历各种数据结构。通过实现 Symbol.iterator 方法和 next() 方法，我们可以为自定义对象创建迭代器。此外，生成器函数提供了一种更简洁的方式来创建迭代器。