ES6的循环与可迭代对象示例详解

在ES6中，引入了新的循环语法for...of，除了传统的数组和字符串，它还支持循环遍历可迭代对象。

什么是可迭代对象？

可迭代对象是一种数据结构，它定义了一种默认的迭代行为。在ES6中，任何具有Symbol.iterator属性的对象都可以被视为可迭代对象。Symbol.iterator是一个函数，返回一个迭代器对象。

一个迭代器对象实现了一个next()方法，每次调用都会返回一个包含value和done属性的对象。value表示当前元素的值，done表示迭代是否结束。

使用for...of循环遍历可迭代对象

let arr = [1, 2, 3];
for(let item of arr) {
  console.log(item);
}
//输出：
//1
//2
//3

示例1：使用for...of遍历Set

let mySet = new Set([1, 2, 3]);

for(let value of mySet) {
  console.log(value);
}
//输出：
//1
//2
//3

示例2：自定义可迭代对象

let myIterable = {
  [Symbol.iterator]: function* () {
    yield 1;
    yield 2;
    yield 3;
  }
}

for(let value of myIterable) {
  console.log(value);
}
//输出：
//1
//2
//3

在示例2中，我们创建了一个包含3个元素的可迭代对象myIterable。该对象的Symbol.iterator方法返回一个生成器函数，通过调用next()返回包含对应值的迭代对象。

总结

ES6的循环和可迭代对象提供了一种新的遍历数据结构的方法。除了传统的数组和字符串，通过实现Symbol.iterator方法，我们可以创建自定义的可迭代对象，使用for...of统一遍历方式。

希望这个示例可以帮助你更好地理解ES6中的循环和可迭代对象，以及如何使用它们。