在 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 的示例代码：
-- -------------------- ---- -------
--- ---------- - -
------ --- -- ---
------------------ --------- -- -
------- -- -- -- ------------------ ---- -
----- --------------
-
-
--
------- ----- -- ----------- -
------------------- -- - - -
-上面的代码创建了一个 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