JavaScript Iterator 遍历器基础入门指南

2023-11-20 05:01:40

Iterator 遍历器简介

JavaScript 中，遍历器是一种可以轻松遍历集合中的元素的机制。遍历器提供了统一的方式来处理各种不同的数据结构，包括数组、对象、Map 和 Set。这使得开发人员能够使用 for...of 循环或其他迭代方法来访问集合中的每个元素，而无需关心数据结构的具体类型或实现细节。

遍历器接口

Iterator 遍历器是通过部署 Iterator 接口来实现的。该接口定义了两种主要方法：

next()：该方法返回一个包含当前元素值和 done 属性的对象。done 属性是一个布尔值，指示是否已遍历集合中的所有元素。如果 done 为 true，则表示遍历已完成。
Symbol.iterator：该方法是遍历器接口的默认方法，用于创建新的遍历器对象。

使用 Iterator 遍历器

使用 Iterator 遍历器非常简单。您可以通过两种方式来获取遍历器对象：

使用 for...of 循环：for...of 循环会自动获取集合的遍历器对象，并依次遍历集合中的每个元素。
使用 Symbol.iterator 方法：您可以显式地调用集合的 Symbol.iterator 方法来获取遍历器对象，然后使用 next() 方法来遍历集合中的每个元素。

以下是一些使用 Iterator 遍历器的示例：

// 使用 for...of 循环遍历数组
const arr = [1, 2, 3, 4, 5];
for (const element of arr) {
  console.log(element);
}

// 使用 [Symbol.iterator]() 方法遍历对象
const obj = {
  name: "John",
  age: 30,
  city: "New York"
};
const iterator = obj[Symbol.iterator]();
while (true) {
  const result = iterator.next();
  if (result.done) {
    break;
  }
  console.log(result.value);
}