Javascript中的for...of循环

Javascript中的for...of循环，是一种用来遍历数组、字符串、Map、Set等可迭代对象的语法结构。for...of循环可以让程序员更简单地写出循环代码，而不需要手动维护循环条件。

语法结构

for...of循环的语法结构如下：

for(variable of iterable) {
  // 循环体
}

其中，iterable代表可迭代对象，而variable则是用来存放每一次循环迭代的值。比如，当iterable为数组时，variable变量会依次存储下标为0、1、2、3...的元素值。

遍历数组

以下是使用for...of循环遍历数组的示例代码：

const arr = ['apple', 'banana', 'melon'];

for(let fruit of arr) {
  console.log(fruit);
}

// 输出：
// apple
// banana
// melon

遍历字符串

以下是使用for...of循环遍历字符串的示例代码：

const str = 'Hello World';

for(let char of str) {
  console.log(char);
}

// 输出：
// H
// e
// l
// l
// o
//  
// W
// o
// r
// l
// d

遍历Map

以下是使用for...of循环遍历Map的示例代码：

const map = new Map();
map.set('name', 'John');
map.set('age', 30);

for(let [key, value] of map) {
  console.log(key, value);
}

// 输出：
// name John
// age 30

遍历Set

以下是使用for...of循环遍历Set的示例代码：

const set = new Set(['apple', 'banana', 'apple', 'cherry']);

for(let fruit of set) {
  console.log(fruit);
}

// 输出：
// apple
// banana
// cherry

注意事项

1. for...of循环只能遍历可迭代对象，如果遍历非可迭代对象会抛出错误。
2. for...of循环不支持遍历普通的对象（Object），因为它们不是可迭代对象。