ES7 中引入了一种新的数据类型：Symbol，它是一种唯一且不可变的数据类型，可以用作对象属性的键。其中，Symbol.iterator 是一个内置 Symbol 值，用于定义迭代器对象的表现形式。这对于实现数据集合的迭代和遍历非常有帮助。
迭代器模式
在面向对象编程中，迭代器模式是一种常见的设计模式，用于访问容器对象中的每个元素而不暴露容器对象的内部结构。在 JavaScript 中，数组是一种内置的容器对象，可以使用 for 循环来遍历数组中的元素。但是，如果我们想要遍历一个对象的属性，就需要使用迭代器模式来实现。
实现迭代器操作
在 JavaScript 中，可以使用 Symbol.iterator 来实现自己的迭代器操作。Symbol.iterator 返回一个迭代器对象，该对象具有 next() 方法，用于返回序列中的下一个值。下面是一个基本的迭代器实现：
-- -------------------- ---- -------
----- ---------- - -
------------------ --------- -- -
----- --
----- --
----- --
-
-
--- ------ ----- -- ----------- -
-------------------
-
-- ------- -
-- -
-- -在上面的例子中，我们创建了一个包含三个值的迭代器对象，并使用 for 循环遍历了这些值。
迭代器对象中的 next() 方法
上面的例子中，迭代器对象返回了一个固定的序列。实际上，我们可以使用任何代码来定义序列中的下一个值。为此，我们需要在迭代器对象中实现 next() 方法。next() 方法应该返回一个对象，该对象具有两个属性：value 和 done。value 属性表示序列中的下一个值，done 属性表示是否还有更多的值可以返回。下面是一个实现自己的 next() 方法的例子：
-- -------------------- ---- -------
----- ---------- - -
------------------ --------- -- -
--- - - --
----------- -
----- ----
-
-
-
----- -------- - ------------------------------
----------------------------------- -- ------- -
----------------------------------- -- ------- -
----------------------------------- -- ------- -在上面的例子中，我们创建了一个无限序列的迭代器对象。迭代器对象的 next() 方法返回一个对象，该对象包含一个递增的整数值。
实现对象的迭代器操作
除了数组外，我们还可以使用迭代器模式来遍历对象中的属性。为此，我们需要在对象的 Symbol.iterator 上实现一个迭代器。下面是一个实现对象迭代器操作的例子：
-- -------------------- ---- -------
----- ----- - -
-- --
-- --
-- --
------------------ --------- -- -
----- ---- - ------------------
--- ------ --- -- ----- -
----- ----------
-
-
-
--- ------ ----- -- ------ -
-------------------
-
-- ------- -
-- -
-- -在上面的例子中，我们在对象的 Symbol.iterator 上实现了一个迭代器。迭代器遍历对象中的所有属性，并返回属性的值。然后，我们使用 for 循环遍历所有的属性值。
总结
ES7 中的 Symbol.iterator 为 JavaScript 中的迭代器操作提供了原生的支持，通过实现 Symbol.iterator 方法，我们可以在 JavaScript 中实现对象和数组的迭代器操作。通过迭代器模式，我们可以对容器对象进行遍历，同时保护容器对象的内部结构。了解迭代器模式和 Symbol.iterator 对于前端开发人员是非常有帮助的。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64af739d48841e9894b848dd