深入解析 JavaScript 中的迭代器与可迭代对象，助力高效遍历操作

2024-01-22 12:01:58

探索 JavaScript 中的迭代器和可迭代对象

在 JavaScript 中，迭代器是一种对象，它可以产生一个值的序列。迭代器对象本身具有一个 next() 方法，该方法返回一个包含值和 done 布尔属性的对象。当 done 为 true 时，表示迭代已完成；当 done 为 false 时，表示迭代仍在继续，并且 value 属性包含当前值。

可迭代对象是包含一个默认迭代器的方法的对象。这使得我们可以使用 for of 循环轻松地遍历可迭代对象。例如，以下代码使用 for of 循环遍历一个数组：

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

for (const number of numbers) {
  console.log(number);
}

Symbol.iterator 属性：可迭代对象的标志

Symbol.iterator 是一个内置的 Symbol 值，它标识一个对象是否可迭代。如果一个对象具有 Symbol.iterator 属性，那么它就是一个可迭代对象。我们可以使用 Symbol.iterator 来检查一个对象是否可迭代：

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

console.log(Symbol.iterator in numbers); // true

自定义迭代器和可迭代对象

除了使用内置的迭代器和可迭代对象之外，我们还可以创建自己的自定义迭代器和可迭代对象。要创建自定义迭代器，我们需要实现一个 next() 方法，该方法返回一个包含值和 done 布尔属性的对象。以下代码演示如何创建一个自定义迭代器：

class MyIterator {
  constructor(data) {
    this.data = data;
    this.index = 0;
  }

  next() {
    if (this.index < this.data.length) {
      return {
        value: this.data[this.index++],
        done: false,
      };
    } else {
      return {
        value: undefined,
        done: true,
      };
    }
  }
}

const myIterator = new MyIterator([1, 2, 3, 4, 5]);

console.log(myIterator.next()); // { value: 1, done: false }
console.log(myIterator.next()); // { value: 2, done: false }
console.log(myIterator.next()); // { value: 3, done: false }
console.log(myIterator.next()); // { value: 4, done: false }
console.log(myIterator.next()); // { value: 5, done: false }
console.log(myIterator.next()); // { value: undefined, done: true }

要创建自定义可迭代对象，我们需要实现一个 Symbol.iterator 方法，该方法返回一个迭代器对象。以下代码演示如何创建一个自定义可迭代对象：

class MyIterable {
  constructor(data) {
    this.data = data;
  }

  [Symbol.iterator]() {
    let index = 0;

    return {
      next: () => {
        if (index < this.data.length) {
          return {
            value: this.data[index++],
            done: false,
          };
        } else {
          return {
            value: undefined,
            done: true,
          };
        }
      },
    };
  }
}

const myIterable = new MyIterable([1, 2, 3, 4, 5]);

for (const number of myIterable) {
  console.log(number);
}