mdn for...of - Javascript

简介

在Javascript中，for...of语句提供了一种简单遍历可迭代对象的方法。它可以迭代数组、字符串、Maps、Sets和其他可迭代的对象。

用法

for...of语句的语法如下：

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

• variable：在每次迭代中，变量将被赋值为可迭代对象的下一个值。
• iterable：表示一个可迭代的对象，如数组、字符串、Maps、Sets等。

示例

迭代数组

const array = [1, 2, 3, 4, 5];

for (let element of array) {
  console.log(element);
}

输出：

1
2
3
4
5

迭代字符串

const string = 'Hello';

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

输出：

H
e
l
l
o

迭代Maps

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

for (let entry of map) {
  console.log(entry);
}

输出：

["name", "John"]
["age", 30]

迭代Sets

const set = new Set([1, 2, 3, 4, 5]);

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

输出：

1
2
3
4
5

注意事项

• for...of语句只能迭代可迭代的对象，如果尝试迭代非可迭代对象，会抛出错误。
• for...of语句迭代的是可迭代对象的值，而不是索引。

更多关于for...of语句的详细信息可参考 MDN 文档。