迭代器与生成器：JavaScript中两种强大的工具

2024-01-13 05:29:40

迭代器

迭代器是一种对象，它允许您访问集合中的元素。您可以使用迭代器来遍历数组、对象、字符串，甚至自定义数据结构。要使用迭代器，您需要先创建一个迭代器对象。您可以使用以下语法创建迭代器对象：

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

collection 是您要遍历的集合。Symbol.iterator 是一个内置符号，它返回一个迭代器对象。

一旦您创建了一个迭代器对象，您就可以使用 next() 方法来访问集合中的元素。next() 方法返回一个对象，该对象具有两个属性：

value: 当前元素的值。
done: 一个布尔值，表示迭代是否完成。

当 done 为 true 时，迭代已完成，并且 next() 方法将返回 undefined。否则，next() 方法将返回一个包含当前元素值的对象。

以下是一个使用迭代器遍历数组的示例：

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

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

while (true) {
  const result = iterator.next();

  if (result.done) {
    break;
  }

  console.log(result.value);
}

生成器

生成器是一种函数，它可以暂停执行并返回一个值。您可以使用生成器来创建自己的迭代器。要创建一个生成器，您需要使用 function* 。function* 关键字会创建一个生成器函数。生成器函数与普通函数类似，但它们有一个 yield 语句。yield 语句会暂停函数的执行并返回一个值。

以下是一个使用生成器创建迭代器的示例：

function* generator() {
  yield 1;
  yield 2;
  yield 3;
  yield 4;
  yield 5;
}

const iterator = generator();

while (true) {
  const result = iterator.next();

  if (result.done) {
    break;
  }

  console.log(result.value);
}