ES7 为原生字符串对象 String 添加了一个新的可迭代方法 Symbol.iterator。该方法可以让我们更加方便地处理字符串，特别是在诸如 for-of 循环中使用。
在本文中，我们将详细讲解 Symbol.iterator 的使用技巧，并给出一些实用的示例代码。这样可以让读者更好地理解 Symbol.iterator 的概念以及如何使用它。
什么是迭代器
在开始介绍 Symbol.iterator 之前，让我们先了解一下什么是迭代器。简单来说，迭代器就是一个能够遍历数据集合的对象。它可以用来迭代数组、字符串、Map、Set 等数据类型中的元素。
迭代器具有两个方法：
next()：返回包含两个属性的对象{value, done}。其中value表示当前迭代器位置的值，done表示遍历是否结束。return(value)：可选方法，可用于终止迭代过程。
那么 Symbol.iterator 又是什么呢？它是 JavaScript 标准内置的一个 Symbol 值，用于指定对象的默认迭代器。
String.prototype [Symbol.iterator]
在 ES7 中，我们可以使用 String 原型上的 [Symbol.iterator] 方法来创建一个 String 类型的迭代器对象。其实，该方法返回的就是一个包含了 next 方法的迭代器对象，可以用于遍历字符串对象中的每一个字符。
下面是一个使用 [Symbol.iterator] 方法来遍历字符串的示例：
-- -------------------- ---- ------- --- --- - -------- --- -------- - ----------------------- ----------------------------- -- - ------ ---- ----- ----- - ----------------------------- -- - ------ ---- ----- ----- - ----------------------------- -- - ------ ---- ----- ----- - ----------------------------- -- - ------ ---- ----- ----- - ----------------------------- -- - ------ ---- ----- ----- - ----------------------------- -- - ------ ---------- ----- ---- -
在这里，我们首先使用 str[Symbol.iterator]() 获取了一个迭代器对象 iterator，然后使用 next() 方法来获取字符串中的每一个字符。我们可以看到，迭代过程中，done 属性会在遍历结束时变为 true。
需要注意的是，[Symbol.iterator] 返回的是一个迭代器对象，而非数组或字符串本身。因此，我们可以使用诸如 for-of 循环等方式来遍历它。
迭代器的应用
对于字符串的迭代，我们很少只是单纯地遍历字符串。更多的情况是对字符串进行操作或者提取出其中的信息。下面是一些示例代码，它们展示了如何使用迭代器：
示例 1：反转字符串
function reverseString(str) {
return [...str].reverse().join('');
}
console.log(reverseString('Hello')); // olleH在这里，我们首先使用 [...str] 将字符串转换为字符数组，然后使用 reverse 方法将该数组反转，最后使用 join 方法将字符数组拼接为字符串。
示例 2：检查字符串是否包含重复字符
-- -------------------- ---- -------
-------- --------------------- -
--- ------- - --- ------
--- ---- ---- -- ---- -
-- ------------------- -
------ -----
-
------------------
-
------ ------
-
--------------------------------------- -- ----
--------------------------------------- -- -----在这里，我们使用了 Set 数据结构来判断字符串中是否有重复字符。对于每一个字符，我们都将其加入到 charSet 中，如果在加入的过程中发现该字符已经在 charSet 中存在，说明字符串中存在重复字符。
示例 3：统计字符串中的字母个数
-- -------------------- ---- -------
-------- ----------------- -
--- ----------- - --- ------
--- ---- ---- -- ---- -
-- ----------------------- -
-- ----------------------- -
--------------------- --------------------- - ---
- ---- -
--------------------- ---
-
-
-
------ ------------
-
-------------------------------- ---------- -- -------- --- -- -- --- -- -- --- -- -- --- -- -- --- -- -- --- -- -- --- -- - -在这里，我们使用了 Map 数据结构来统计字符串中每个字母出现的次数。对于每一个字符，如果它是一个字母，则在 letterCount 中记录其出现次数。
总结
在本文中，我们介绍了 ES7 的 String.prototype [Symbol.iterator] 方法，以及如何使用它来遍历字符串。我们还展示了一些实用的示例代码，这些代码展示了如何使用迭代器来对字符串进行操作和提取信息。
迭代器是 JavaScript 中十分常见和有用的数据结构，它们可以使代码更加简洁和语义化。学习迭代器的使用技巧，不仅可以提升我们的编程能力，也可以使我们更加熟悉 JavaScript 的语言特性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/650423df95b1f8cacd0e0d8c