for of循环

for...of循环是一种用于遍历可迭代对象的语法结构。它可以用来遍历数组、字符串、Set、Map等可迭代对象的元素。

语法：

for (variable of iterable) {
  // 代码块
}

解释：

• variable：变量，用于存储每次迭代中的元素值。
• iterable：可迭代对象，如数组、字符串、Set、Map等。

循环数组

let numbers = [1, 2, 3, 4, 5];
for (let number of numbers) {
  console.log(number);
}
// 输出：
// 1
// 2
// 3
// 4
// 5

循环字符串

let string = "Hello";
for (let char of string) {
  console.log(char);
}
// 输出：
// "H"
// "e"
// "l"
// "l"
// "o"

Set

let set = new Set([1, 2, 3, 4, 5]);
for (let element of set) {
  console.log(element);
}
// 输出：
// 1
// 2
// 3
// 4
// 5

Map

let map = new Map([[1, "one"], [2, "two"], [3, "three"]]);
for (let [key, value] of map) {
  console.log(key, value);
}
// 输出：
// 1 "one"
// 2 "two"
// 3 "three"

总结：

• for...of循环提供了一种简洁的语法来遍历可迭代对象的元素。
• 它可以用于遍历数组、字符串、Set、Map等可迭代对象。
• 在每次迭代中，将可迭代对象的下一个元素赋值给变量，然后执行循环体内的代码块。
• 它比传统的for循环语法更易读和简洁。