for...of语法 - Javascript

Javascript中有许多迭代数组或集合的方式，其中比较常用的是 for...of 语法。

语法

for (variable of iterable) {
  // statement
}

variable是在每次迭代中被赋值的变量，iterable则是需要被迭代的数组或集合。在每次迭代中，variable将会被赋值为iterable中的下一个值，直到所有值被迭代完毕。

示例

let colors = ['red', 'green', 'blue'];

for (let color of colors) {
  console.log(color);
}

以上代码将会输出：

"red"
"green"
"blue"

我们还可以使用for...of语法来迭代字符串中的字符：

let message = 'hello';

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

以上代码将会输出：

"h"
"e"
"l"
"l"
"o"

遍历Map

除了迭代数组和字符串，我们还可以使用for...of语法来迭代Map。在迭代Map时，variable将会被设置为一个包含[key, value]的数组。

let myMap = new Map();
myMap.set(0, 'hello');
myMap.set(1, 'world');

for (let entry of myMap) {
  console.log(entry[0], entry[1]);
}

以上代码将会输出：

0 "hello"
1 "world"

遍历Set

最后，我们还可以使用for...of语法来迭代Set。

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

for (let value of mySet) {
  console.log(value);
}

以上代码将会输出：

1
2
3

总结

for...of语法是Javascript中迭代数组、集合、字符串等的一种简单有力的方式，可以用来代替传统的for循环和forEach循环。为了最大化代码的简洁性和可读性，我们应该选择最适合的迭代方法。