ES6 迭代器：深入探索 JavaScript 的新迭代

在 JavaScript 的广阔天地中，迭代 的概念一直扮演着至关重要的角色。它是遍历数据结构和逐个处理元素的基础。随着 ECMAScript 6（ES6）的引入，迭代迎来了一个激动人心的新时代，两个强大的特性——迭代器和生成器——横空出世，为实现高效的迭代提供了更高级的方式。

什么是迭代器？

迭代器是一个对象，它可以按顺序提供一个数据结构中的元素。通过调用迭代器的 next() 方法，可以获取当前元素并将其移动到下一个元素。当到达数据结构的末尾时，next() 方法会返回一个特殊的 done 属性为 true 的值，表示迭代已完成。

使用迭代器的好处

迭代器在 JavaScript 中拥有诸多优势：

• 内存效率： 与传统方法相比，迭代器不会创建元素的副本，因此更节省内存。
• 可定制： 迭代器允许自定义迭代过程，这在处理复杂数据结构时非常有用。
• 可暂停： 使用生成器，可以暂停和恢复迭代过程，从而在处理大型数据集时提高效率。

创建迭代器

ES6 提供了多种方法来创建迭代器：

• 数组： 数组具有内置的 Symbol.iterator 方法，返回一个数组迭代器。
• 集合： Set 和 Map 数据结构也具有 Symbol.iterator 方法，返回它们的迭代器。
• 自定义迭代器： 可以通过实现 next() 方法来创建自定义迭代器。

代码示例

以下是使用 Symbol.iterator 方法从数组创建迭代器的代码示例：

const numbers = [1, 2, 3, 4, 5];
const numbersIterator = numbers[Symbol.iterator]();

while (true) {
  const { value, done } = numbersIterator.next();

  if (done) {
    break;
  }

  console.log(value); // 输出：1, 2, 3, 4, 5
}

高级迭代：使用生成器

ES6 中的生成器是一种特殊的函数，它返回一个迭代器。生成器允许在迭代过程中暂停和恢复执行，使其非常适合处理大型数据集或复杂迭代。

代码示例

以下是使用生成器创建无限范围迭代器的代码示例：

function* rangeGenerator(start, end) {
  let current = start;

  while (current <= end) {
    yield current;
    current++;
  }
}

const rangeIterator = rangeGenerator(1, 10);

while (true) {
  const { value, done } = rangeIterator.next();

  if (done) {
    break;
  }

  console.log(value); // 输出：1, 2, 3, ..., 10
}