cv：js迭代器

在 JavaScript 中，迭代器是一种允许顺序访问数据集合的对象。迭代器遵循 ES6（ECMAScript 2015）规范，提供了一种统一的方式来遍历不同的数据结构，如数组、字符串、Map、Set 等。

迭代器的概念

迭代器是一个对象，它遵循以下两个接口：

next() 方法：返回一个对象，该对象包含两个属性：
- value：迭代器返回的下一个值，或者在没有更多元素时为 undefined。
- done：一个布尔值，如果迭代器还有更多元素则为 false，否则为 true。
[Symbol.iterator]() 方法：返回迭代器对象本身。这个方法使得对象可以作为迭代器使用，通常用于 for...of 循环。

创建迭代器

以下是创建自定义迭代器的步骤：

定义一个对象：该对象需要实现 next() 方法和 [Symbol.iterator]() 方法。
实现 next() 方法：该方法返回包含 value 和 done 属性的对象。
实现 [Symbol.iterator]() 方法：该方法返回迭代器对象本身。

const myIterator = {
  items: [1, 2, 3],
  currentIndex: 0,
 
  next() {
    if (this.currentIndex < this.items.length) {
      return { value: this.items[this.currentIndex++], done: false };
    } else {
      return { value: undefined, done: true };
    }
  },
 
  [Symbol.iterator]() {
    return this;
  }
};
 
for (const item of myIterator) {
  console.log(item); // 输出: 1, 2, 3
}

使用内置迭代器

许多内置的 JavaScript 数据结构已经实现了迭代器接口，可以直接在 for...of 循环中使用：

// 数组
const array = [1, 2, 3];
for (const item of array) {
  console.log(item); // 输出: 1, 2, 3
}
 
// 字符串
const string = "hello";
for (const char of string) {
  console.log(char); // 输出: h, e, l, l, o
}
 
// Map
const map = new Map([["key1", "value1"], ["key2", "value2"]]);
for (const [key, value] of map) {
  console.log(key, value); // 输出: key1 value1, key2 value2
}
 
// Set
const set = new Set([1, 2, 3]);
for (const item of set) {
  console.log(item); // 输出: 1, 2, 3
}

迭代器的应用

迭代器提供了一种统一的方式来遍历不同的数据结构，使得代码更加简洁和易于维护。此外，迭代器还可以用于实现生成器函数，生成器函数是一种特殊的函数，可以返回一个迭代器，从而允许函数在执行过程中多次返回值。

function* generateSequence(start, end) {
  for (let i = start; i <= end; i++) {
    yield i;
  }
}
 
const sequenceIterator = generateSequence(1, 5);
console.log(sequenceIterator.next().value); // 输出: 1
console.log(sequenceIterator.next().value); // 输出: 2
// ...

js 迭代器有哪些用途？

JavaScript 中的迭代器具有多种用途，它们提供了一种统一且高效的方式来处理可迭代对象。以下是迭代器的一些主要用途：

简化遍历：迭代器允许使用 for...of 循环来遍历数组、字符串、Map、Set 等可迭代对象，使代码更加简洁易读。
创建自定义迭代器：开发者可以为自定义对象实现迭代器接口，从而让这些对象能够用 for...of 循环或其他迭代器相关的功能进行遍历。
懒加载：迭代器可以用于实现懒加载（lazy loading），即按需计算和获取数据，而不是一次性加载所有数据，这有助于提高性能和减少内存消耗。
生成器函数：迭代器是生成器函数（使用 function* 声明的函数）的基础，它们允许函数在执行过程中暂停和恢复，每次恢复时返回一个值。
异步流：在异步编程中，迭代器可以与 async/await 结合使用，处理异步数据流，例如在处理大量异步请求时，可以逐个处理响应。
数据处理：迭代器可以用于处理数据集合，例如过滤、映射和归约操作，可以链式调用，提高数据处理的灵活性。
无限序列：迭代器可以用来创建无限序列，例如生成无限递增的数字序列，而不需要一次性将所有数字加载到内存中。
算法实现：迭代器使得实现某些算法（如广度优先搜索、深度优先搜索等）更加直观和方便。
原型链遍历：迭代器可以用于遍历对象的原型链，获取对象的所有可枚举属性。
事件监听器管理：在某些框架中，迭代器可以用于管理事件监听器，允许开发者遍历和操作监听器列表。
与现有库集成：许多流行的 JavaScript 库（如 Lodash）提供了对迭代器的支持，使得开发者可以利用迭代器的功能来处理库中的数据结构。

迭代器提供了一种强大且灵活的方式来处理数据集合，它们使得代码更加模块化、可读和可维护。通过使用迭代器，开发者可以编写出更加高效和易于理解的代码。

生成器函数和迭代器有啥区别？

生成器函数（Generator Functions）和迭代器（Iterators）在 JavaScript 中都是用于管理可迭代对象的执行流程，但它们在功能和使用上有一些区别：

生成器函数

生成器函数是一种使用 function* 语法声明的特殊类型的函数，它可以返回一个迭代器。生成器函数的主要特点包括：

暂停和恢复执行：生成器函数可以在任意位置暂停执行（使用 yield 关键字），并在之后从暂停的地方继续执行。
逐次返回值：通过 yield 返回值，每次调用 next() 方法时返回一个值。
状态管理：生成器函数可以维护内部状态，每次恢复执行时都可以访问这些状态。
异步控制流：生成器函数可以用于控制异步操作的执行流程，例如使用 yield 等待 Promise 解决。

示例：

function* generatorFunction() {
  yield 1;
  yield 2;
  return 3;
}
 
const gen = generatorFunction();
console.log(gen.next().value); // 1
console.log(gen.next().value); // 2
console.log(gen.next().value); // 3

迭代器

迭代器是一个实现了 [Symbol.iterator]() 方法的对象，该方法返回迭代器自身。迭代器用于遍历可迭代对象，如数组、字符串、Map、Set 等。迭代器的主要特点包括：

统一接口：提供了统一的方法来遍历不同的数据结构。
next() 方法：迭代器必须实现 next() 方法，该方法返回一个包含 value 和 done 属性的对象。
可迭代协议：任何对象只要实现了 [Symbol.iterator]() 方法，就可以用在 for...of 循环和其他迭代场景中。

示例：

const iterator = {
  items: [1, 2, 3],
  currentIndex: 0,
  next() {
    if (this.currentIndex < this.items.length) {
      return { value: this.items[this.currentIndex++], done: false };
    }
    return { done: true };
  },
  [Symbol.iterator]() {
    return this;
  }
};
 
for (const item of iterator) {
  console.log(item); // 1, 2, 3
}

生成器函数和迭代器的区别

创建方式：生成器函数是通过 function* 声明的，而迭代器是通过实现 [Symbol.iterator]() 方法的对象。
执行控制：生成器函数可以在执行过程中多次暂停和恢复，而迭代器通常用于顺序访问集合中的元素。
返回值：生成器函数可以在每次 yield 时返回一个值，而迭代器通过 next() 方法返回值。
使用场景：生成器函数通常用于复杂的控制流，如异步操作的同步化处理；迭代器则用于遍历数据集合。

尽管生成器函数和迭代器在实现和使用上有所不同，但生成器函数实际上返回的就是一个迭代器，这使得生成器函数可以用于任何需要迭代器的地方。

Quartz 4

Explorer