ES6 中引入了一种新的数据类型 Symbol，它表示独一无二的值。在 JavaScript 中，通常会用一些字符串常量表示一些特殊的含义，比如常见的 "proto"。但是这种做法容易出现命名冲突的问题。Symbol 的出现，解决了这个问题。
除此之外，Symbol 还可以用于创建自定义迭代器，使我们能够更加灵活地遍历一个数据结构。在本文中，我们将介绍如何使用 ES6 的 Symbol 实现自定义迭代器。
创建一个迭代器
首先，我们需要了解如何创建一个迭代器。在 JavaScript 中，任何实现了 Iterator 接口的对象都可以被迭代。这个接口定义了一个叫做 next() 的方法，每次调用该方法时，都会返回一个包含两个属性的对象：value 和 done。
- value：表示当前遍历的元素的值
- done：一个布尔值，表示是否已经遍历完所有元素
我们可以使用 ES6 中的一个内置对象 Symbol.iterator 来为我们的对象创建一个迭代器。这个对象在实现迭代器的时候是必须要有的。我们只需要在对象中添加一个属性，该属性的键为 Symbol.iterator，值为一个返回迭代器对象的函数，就可以创建一个迭代器。
-- -------------------- ---- -------
----- ------- - --- -- ---
------------------------ - ---------- -
--- ----- - --
------ -
----- -- -- -
-- ------ - ------------ -
------ - ------ -------------- ----- ----- --
- ---- -
------ - ------ ---------- ----- ---- --
-
-
--
--在上面的代码中，我们对一个数组进行了迭代器的扩展。我们首先在数组对象上添加了一个键为 Symbol.iterator 的属性，并为其赋值一个函数，该函数返回一个包含 next() 方法的对象。在 next() 方法中，我们使用 index 记录数组的当前下标位置，并根据该下标返回包含当前元素的对象。如果当前元素不存在，则返回 { value: undefined, done: true }，遍历结束。
接下来，我们可以使用 for-of 循环来遍历这个数组。
for (const item of myArray) {
console.log(item);
}使用 Symbol 实现自定义迭代器
我们可以通过定义一个包含 next() 方法的对象来实现自定义迭代器。在对象的 next() 方法中，我们可以实现任何遍历逻辑。下面是一个简单的自定义迭代器的例子。
-- -------------------- ---- -------
----- -------- - -
----- --- -- -- ---
------------------ ---------- -
--- ----- - --
------ -
----- -- -- -
-- ------ - ----------------- -
------ - ------ ------------------- ----- ----- --
- ---- -
------ - ------ ---------- ----- ---- --
-
-
--
-
--
--- ------ ---- -- --------- -
------------------
-在上面的代码中，我们定义了一个包含 data 数组和一个迭代器的对象 myObject。在对象中，我们定义了一个名为 Symbol.iterator 的属性，并为其赋值一个返回迭代器对象的函数。在迭代器对象中，我们实现了 next() 方法，并在其中完成了遍历逻辑。最后，我们使用 for-of 循环遍历了这个对象。
总结
在本文中，我们介绍了如何使用 ES6 的 Symbol 实现自定义迭代器。通过了解迭代器的实现原理，我们更加了解了 JavaScript 中的遍历机制，并学会了如何灵活地遍历一个数据结构。在实际开发中，如果我们需要对一个对象进行遍历操作，可以考虑使用自定义迭代器来实现。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/645303d8968c7c53b07782c3