JavaScript for of

JavaScript的for of循环是ES6中的一个新特性，它可以用于遍历可迭代对象（Iterable）。本文将详细介绍for of循环的使用方法，以及提供代码示例。

for of循环的基本语法如下：

for (let item of iterable) {
  // Statement
}

其中，iterable表示一个可迭代对象，如字符串、数组、Set、Map等，item表示每一次循环遍历的元素。

for of循环的特点：

1. 支持遍历字符串、数组、Set、Map等可迭代对象；
2. 取代传统循环中的索引变量（如for循环中的i），更加简洁清晰；
3. 支持break和continue语句；
4. 不支持普通对象（plain object）的遍历。

下面分别以字符串、数组、Set和Map为例，详细介绍for of循环的使用方法。

1. 字符串

用for of循环遍历字符串，可以很方便地获取每一个字符，如下所示：

let str = 'abc';
for (let char of str) {
  console.log(char); // 'a' 'b' 'c'
}

2. 数组

用for of循环遍历数组，可以很方便地获取每一个元素，如下所示：

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

3. Set

用for of循环遍历Set，可以很方便地获取每一个元素，如下所示：

let set = new Set([1, 2, 3]);
for (let num of set) {
  console.log(num); // 1 2 3
}

4. Map

用for of循环遍历Map，可以很方便地获取每一个键值对，如下所示：

let map = new Map([['name', 'Alice'], ['age', 18]]);
for (let [key, value] of map) {
  console.log(key, value); // 'name' 'Alice' 'age' 18
}

注意，Map使用for of循环时需要使用解构赋值（destructuring assignment）来获取键和值。

最后，我们来看一个使用for of循环的示例代码，实现数组的求和功能：

let arr = [1, 2, 3];
let sum = 0;
for (let num of arr) {
  sum += num;
}
console.log(sum); // 6

通过for of循环，遍历数组中的每一个元素，并将其累加到sum变量中，最终输出6。

综上所述，for of循环是一个非常实用的工具，可以大大简化遍历可迭代对象的代码，提高代码的可读性和可维护性。