ES7 中 Symbol.iterator 用法介绍，解决遍历问题-JavaScript中文网-JavaScript教程资源分享门户

在 ES7 中，Symbol.iterator 是一个新的内置符号，它是为了解决 JavaScript 中的遍历问题而引入的。在本文中，我们将介绍 Symbol.iterator 的用法并演示如何使用它来轻松解决遍历问题。

理解 Symbol.iterator

Symbol.iterator 是一个内置的符号（Symbol），它被用来将对象定义为可迭代的（iterable）。在 JavaScript 中，可迭代对象是一种可以用于 for…of 循环的对象类型。这意味着我们可以使用 for…of 循环来遍历可迭代对象。

在 ES6 中，我们已经有了一些内置的可迭代对象，例如数组、Map、Set 等。但是，如果我们想自定义一个对象并使其可迭代，我们就需要使用 Symbol.iterator。

如何使用 Symbol.iterator

要使一个对象可迭代，我们需要在该对象的原型中定义一个 Symbol.iterator 方法。Symbol.iterator 方法必须返回一个迭代器（iterator）对象。

迭代器对象是一个具有 next 方法的对象。这个 next 方法返回一个对象，其中包含两个属性：value 和 done。如果 done 属性为 true，则表示迭代已经完成，否则 value 属性包含了下一个元素的值。

以下是一个展示如何使用 Symbol.iterator 的示例代码：

// javascriptcn.com 代码示例
let myIterable = {
  array: [1, 2, 3],
  [Symbol.iterator]: function* () {
    for(let i= 0; i< this.array.length; i++) {
      yield this.array[i];
    }
  }
};

for(let value of myIterable) {
  console.log(value); // 1 2 3
}

上面的代码创建了一个 myIterable 对象，并将一个数组作为该对象的属性，然后定义了 Symbol.iterator 方法来生成一个迭代器对象。我们使用 for…of 循环来遍历 myIterable 对象，并输出数组中的值。

总结

在本文中，我们介绍了 ES7 中的新内置符号 Symbol.iterator，用来定义对象为可迭代的。我们还演示了如何使用 Symbol.iterator 来创建可迭代对象，使用 for…of 循环来遍历这些对象。

使用 Symbol.iterator 不仅可以让我们自定义可迭代对象，还可以更好地控制迭代的过程和迭代的顺序，进一步提高 JavaScript 的性能和可读性。因此，在开发前端应用时，我们应该积极利用 Symbol.iterator 来改进应用程序的性能和可维护性。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/65837cc4d2f5e1655de61c7e