for...of 循环 - JavaScript

在 JavaScript 中，我们可以使用 for...of 循环来遍历可迭代对象的元素。

可迭代对象

可迭代对象是指具有 Symbol.iterator 属性的对象，例如数组、字符串、Set 对象、Map 对象等。

语法

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

其中，variable 表示在每次迭代中将被赋值为下一个元素的变量，iterable 则表示我们要遍历的可迭代对象。

示例

// 遍历数组
const arr = [1, 2, 3];
for (const num of arr) {
    console.log(num);
}

// 遍历字符串
const str = 'hello';
for (const char of str) {
    console.log(char);
}

// 遍历 Set 对象
const set = new Set([1, 2, 3]);
for (const num of set) {
    console.log(num);
}

// 遍历 Map 对象
const map = new Map([['name', 'Alice'], ['age', 25]]);
for (const [key, value] of map) {
    console.log(`${key}: ${value}`);
}

注意点

• for...of 循环不支持普通对象，因为它们不是可迭代对象。
• 与 forEach 不同，for...of 循环是可以被 break 和 continue 中止的。
• 在循环过程中改变可迭代对象可能会导致错误或不可预期的结果。因此，建议不要在循环中更改可迭代对象。

以上就是 for...of 循环的介绍和示例，希望对您有帮助！