介绍 JavaScript 中的 for of 循环

在 JavaScript 中，for of 循环是一种用来遍历数组、字符串等可迭代对象的语法结构。本文将会介绍 for of 循环的语法、用法以及一些注意事项。

语法

for of 循环的语法如下：

for (variable of iterable) {
  // code block to be executed
}

其中，variable 是变量名，用来存储循环每次迭代中的当前值；而 iterable 则是一个可迭代对象，如数组、字符串等。

用法

我们可以使用 for of 循环来遍历一个数组中的所有元素：

const array = [1, 2, 3];
for (const element of array) {
  console.log(element);
}
// Output: 1
// Output: 2
// Output: 3

同样地，我们也可以用它来遍历一个字符串中的每个字符：

const string = "hello";
for (const character of string) {
  console.log(character);
}
// Output: "h"
// Output: "e"
// Output: "l"
// Output: "l"
// Output: "o"

注意事项

需要注意的是，for of 循环只能用于遍历可迭代对象，而不能用于遍历普通对象。如果需要遍历对象的属性，可以使用 for in 循环。

此外，for of 循环也不支持跳出循环的语句，如 break 和 continue。如果需要在循环中终止迭代，可以使用抛出异常的方式来实现：

const array = [1, 2, 3];
for (const element of array) {
  if (element === 2) {
    throw "Found element 2";
  }
  console.log(element);
}
// Output: 1
// Uncaught Found element 2

在上面的示例中，当循环到值为 2 的元素时，我们抛出了一个异常，从而终止了循环的执行。

结论

for of 循环是 JavaScript 中一种用来遍历可迭代对象的语法结构。它的语法简单明了，用法灵活多样，除了不能用于遍历普通对象外，几乎可以用于任何需要遍历元素的场景。如果你还没有尝试过 for of 循环，那么赶快在你的代码中使用它吧！