迭代器和生成器：赋能 Javascript 进阶之路

2024-01-20 12:38:13

从零开始理解迭代器

迭代器顾名思义，它是一种可以遍历的对象，并通过 next() 方法依次返回各个元素的值。迭代器能够帮助您轻松管理和处理各种数据结构中的元素，例如数组，链表，集合等等。

为了理解迭代器的用法，让我们通过一个简单的例子开始。假设我们有一个数字数组，我们需要遍历数组中的每个数字并将其打印到控制台。传统方法是使用 for 循环：

const numbers = [1, 2, 3, 4, 5];

for (let i = 0; i < numbers.length; i++) {
  console.log(numbers[i]);
}

现在，让我们使用迭代器来实现同样的功能：

const numbers = [1, 2, 3, 4, 5];

const iterator = numbers[Symbol.iterator]();

while (true) {
  const result = iterator.next();
  if (result.done) {
    break;
  }
  console.log(result.value);
}

在这个例子中，我们首先使用 Symbol.iterator() 方法获取数组的迭代器，然后通过 while 循环不断调用迭代器的 next() 方法来获取每个元素的值。当 next() 方法返回一个 done 属性为 true 的结果时，循环结束，因为这意味着已经遍历完了所有元素。

深入生成器：强大的数据生成工具

生成器是 Javascript 中另一种强大的工具，它允许您创建和返回一个可迭代的对象，同时还提供暂停和恢复执行的能力。生成器非常适合需要按需生成数据的场景，例如处理无限序列，生成随机数，或者模拟异步数据流。

让我们通过一个简单的例子来了解生成器的用法。假设我们需要创建一个无限的斐波那契数列生成器：

function* fibonacci() {
  let [a, b] = [0, 1];
  while (true) {
    yield a;
    [a, b] = [b, a + b];
  }
}

const generator = fibonacci();

for (let i = 0; i < 10; i++) {
  console.log(generator.next().value);
}