在 JavaScript 中，Iterator 和 for-of 循环是两个非常重要的概念。Iterator 是一个对象，它提供了一种统一的方式来遍历不同类型的数据结构，例如数组、集合、映射等。而 for-of 循环则是一种简单方便的语法，用于遍历 Iterable 对象。
Iterator
在 JavaScript 中，Iterator 是一个具有 next() 方法的对象。当调用 next() 方法时，它会返回一个包含 value 和 done 两个属性的对象。其中，value 表示当前遍历到的值，done 表示是否已经遍历完毕。下面是一个 Iterator 的示例：
--- ------- - --- -- --- --- -- - --------------------------- ----------------------- -- - ------ -- ----- ----- - ----------------------- -- - ------ -- ----- ----- - ----------------------- -- - ------ -- ----- ----- - ----------------------- -- - ------ ---------- ----- ---- -
可以看到，在这个示例中，我们首先使用数组的 [Symbol.iterator]() 方法获取到了一个 Iterator 对象，然后每次调用 next() 方法都会返回一个包含当前值和是否已经遍历完毕的对象。当 done 属性为 true 时，表示已经遍历完毕。
除了数组之外，还有很多其他的数据结构也实现了 Iterator 接口，例如 Set 和 Map。通过使用 Iterator，我们可以在不知道数据结构具体实现方式的情况下，对其内部进行遍历。
for-of 循环
for-of 循环是一种语法糖，它实际上是通过调用 Iterable 对象的 [Symbol.iterator]() 方法获取到一个 Iterator 对象，并且反复调用 next() 方法来进行遍历的。下面是一个 for-of 循环的示例：
--- ------- - --- -- --- --- ---- ----- -- -------- - ------------------- -
这段代码中，我们使用 for-of 循环遍历了一个数组，输出了其中的每个值。由于数组实现了 Iterator 接口，所以我们可以直接对其进行遍历。
除了数组之外，还有很多其他的数据结构也可以被 for-of 循环遍历。只要一个对象实现了 Iterator 接口，就可以使用 for-of 循环来遍历它。
总结
Iterator 和 for-of 循环是 JavaScript 中非常重要的概念。Iterator 提供了一种统一的方式来遍历不同类型的数据结构，而 for-of 循环则是一种简单方便的语法，用于遍历 Iterable 对象。通过深入学习 Iterator 和 for-of 循环的使用方法，我们可以更加方便地处理各种不同类型的数据结构，并且提高代码的可读性和可维护性。
示例代码
-- -------- ---- --- ----- - --- ------- -- ---- --- -- - ------------------------- ----------------------- -- - ------ -- ----- ----- - ----------------------- -- - ------ -- ----- ----- - ----------------------- -- - ------ -- ----- ----- - ----------------------- -- - ------ ---------- ----- ---- - -- ------ ------ --- ----- - --- -------- ------- --- ------- --- ----------- --- ---- ----- ------ -- ------ - ------------------- -- ----------- - -- --- -- - -- --- -- - -- --- -- - -- -----
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/3714