随着 ECMAScript 2015 的发布，JavaScript 中引入了 Iterator 和 for-of 循环。这两个特性让我们能更简单、更方便地迭代数组和对象，并在编写代码时更加高效。
Iterator
Iterator 是一种新的数据遍历方式，它提供了一种统一的遍历接口，解决了 ES5 的 for-in 循环遍历对象属性时只能遍历 enumerable 属性的问题。Iterator 的基本原理就是让一个对象成为可迭代的，可以使用 for-of 循环进行迭代，同时又不需要明确指定每个元素的位置。
那我们该如何使用 Iterator 呢？
首先要知道，Iterator 是一个返回迭代器对象的函数，该迭代器对象包含一个 next() 方法，当调用该方法时，它会返回一个对象，该对象包含两个属性：done 和 value。
done 是一个布尔值，表示是否完成遍历，value 可以是任何 JavaScript 值，表示当前遍历的值。如果迭代器已经到达了最后一个值，那么 done 就是 true，value 就是 undefined。
一般来说，可以给自己的对象添加 Symbol.iterator 属性，它的值是一个返回迭代器对象的函数。以下示例演示如何在自定义对象中使用 Iterator。
-- -------------------- ---- -------
----- -------- - -
------ --- -- -- ---
------------------- - -- -- --------------- --
--- ----- - --
----- ----- - -----------
------ - -- -------
------ - -- -- ------ ----------- ---- - ----- ----
----- ---- - ----- -- -------------
----- ----- - ----- - -------------- - ----------
------ - ----- ----- --
-
--
-
--
--- ------ ---- -- --------- -
------------------ -- - - - -
-for-of 循环
for-of 循环是一种用于迭代数据结构的语句，它会遍历可迭代对象并将对象的每个属性值分配给一个变量，然后在循环体中执行代码。
与 for 循环及 forEach 不同，for-of 循环并不是依靠索引来进行遍历，而是依靠 Iterator。每次迭代时，for-of 循环都会调用迭代器对象的 next() 方法，直到 done 属性为 true。以下是 for-of 循环的基本语法：
for (const variable of iterableObject) {
// statements
}其中，variable 是将每个迭代的值分配给的变量，iterableObject 就是 可迭代对象，例如数组或类似数组的对象。
使用 for-of 循环可以让代码更加简洁易懂，以下是一个遍历数组的示例。
const arr = [1, 2, 3, 4];
for (const item of arr) {
console.log(item); // 1 2 3 4
}总结
使用 Iterator 和 for-of 循环在 ECMAScript 2015 中迭代数组和对象，能够更加高效地遍历数据结构，使代码更加清晰简洁。在编写代码时，我们可以灵活地使用它们来提高代码质量和开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64abe84e48841e98947cf1db