For of 循环 JavaScript

在 JavaScript 中，常常需要遍历数组或其他可迭代对象中的元素。for of 循环是一种简单而强大的方式，用于在数组和其他可迭代对象上迭代元素。

语法

for of 循环语法如下所示：

for (variable of iterable) {
    // loop body
}

其中，variable 是表示变量的标识符，iterable 是要迭代的数组或可迭代对象。

示例

下面是一个简单的例子，演示如何使用 for of 循环迭代一个数组中的元素：

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

for (const number of numbers) {
    console.log(number);
}

输出结果如下：

1
2
3
4
5

在这个例子中，我们使用 for of 循环遍历 numbers 数组中的每个元素，打印出每个元素的值。

遍历字符串

在 JavaScript 中，字符串也是可迭代对象，因此我们可以使用 for of 循环来遍历字符串中的每个字符。下面是一个例子：

const str = "Hello, world!";

for (const char of str) {
    console.log(char);
}

输出结果如下：

H
e
l
l
o
,
 
w
o
r
l
d
!

在这个例子中，我们使用 for of 循环遍历字符串 str 中的每个字符，打印出每个字符的值。

遍历 Map

在使用 for of 循环遍历 Map 对象时，每个元素都是一个包含键和值的数组。下面是一个例子：

const ages = new Map();

ages.set("Alice", 22);
ages.set("Bob", 26);
ages.set("Charlie", 30);

for (const [name, age] of ages) {
    console.log(`${name} is ${age} years old.`);
}

输出结果如下：

Alice is 22 years old.
Bob is 26 years old.
Charlie is 30 years old.

在这个例子中，我们使用 for of 循环遍历 Map 对象 ages 中的每个键值对，打印出每个键和值的值。

总结

for of 循环是一种简单而强大的方式，用于在数组和其他可迭代对象上迭代元素。它的语法简单易懂，容易使用，同时支持在字符串和 Map 对象上的元素遍历。