在前端开发中，我们经常需要对数组、对象等数据结构进行遍历。而在 ES6 中，引入了一种强大却稍有难度的迭代器（Iterator）技术，可以更方便地遍历各种数据结构。
迭代器是什么？
迭代器是一种接口，提供了访问集合元素的统一方式，无论集合的底层数据结构是什么。一个具有迭代器接口的对象被称为可迭代对象（Iterable），例如数组、Set、Map 等。
通过调用可迭代对象的 Symbol.iterator 方法，我们可以获取其默认迭代器，然后使用该迭代器遍历集合中的元素。迭代器提供了两个方法：next() 和 return()，其中 next() 方法会返回下一个元素的值和状态信息；return() 方法可以提前退出迭代操作。
下面是一个简单的示例代码：
const arr = [1, 2, 3];
const iterator = arr[Symbol.iterator]();
console.log(iterator.next()); // {value: 1, done: false}
console.log(iterator.next()); // {value: 2, done: false}
console.log(iterator.next()); // {value: 3, done: false}
console.log(iterator.next()); // {value: undefined, done: true}以上代码中，我们首先通过数组的 Symbol.iterator 方法获取到了其默认迭代器，然后使用 next() 方法遍历了数组中的所有元素。当遍历结束时，next() 方法返回的 done 属性为 true，表示迭代器已经到达了集合的结尾。
for...of 循环
ES6 中新增了一种遍历集合的方式：for...of 循环。这种循环语句可以自动获取可迭代对象的默认迭代器，并使用该迭代器遍历集合中的元素。
下面是一个简单的示例代码：
const arr = [1, 2, 3];
for (const item of arr) {
console.log(item);
}
// 输出: 1 2 3在上面的示例代码中，我们使用 for...of 循环遍历了数组中的所有元素。
值得注意的是，for...of 循环只能用于遍历可迭代对象，因此不能直接用于普通的对象或者字符串。
自定义迭代器
除了使用默认迭代器之外，我们还可以手动实现自己的迭代器。为了创建一个可迭代对象，我们需要在对象上定义一个名为 Symbol.iterator 的方法，并且该方法返回一个迭代器对象。
下面是一个简单的示例代码：
-- -------------------- ---- -------
----- --- - -
----- --- -- ---
------------------- -
--- ----- - --
------ -
----- -- -- -
-- ------ - ----------------- -
------ - ------ ------------------- ----- ----- --
- ---- -
------ - ------ ---------- ----- ---- --
-
--
--
--
--
--- ------ ---- -- ---- -
------------------
-
-- --- - - -在上面的示例代码中，我们首先定义了一个包含 data 属性的对象。然后在该对象上定义了一个名为 Symbol.iterator 的方法，该方法返回一个迭代器对象。迭代器对象中包含了一个 next() 方法，该方法会依次返回 data 数组中的每个元素。最后我们使用 for...of 循环遍历了可迭代对象。
总结
迭代器是一种强大而又稍有难度的技术，可以更方便地遍历各种数据结构。在 ES6
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/49467