js中for of循环如何使用
时间: 2024-04-23 08:28:13 浏览: 13
在JavaScript中,`for...of`循环可以用于迭代可迭代对象的值。它提供了一种简洁的方式来遍历数组、字符串、Set、Map等可迭代对象的元素。下面是使用`for...of`循环的示例:
```javascript
const iterable = [1, 2, 3, 4, 5];
for (const item of iterable) {
console.log(item);
}
```
在上面的示例中,我们使用`for...of`循环遍历了一个数组`iterable`的每个元素,并打印出每个元素的值。
你还可以在字符串、Set和Map等其他可迭代对象上使用`for...of`循环。例如:
```javascript
const str = 'Hello';
for (const char of str) {
console.log(char);
}
const set = new Set([1, 2, 3]);
for (const item of set) {
console.log(item);
}
const map = new Map([
['key1', 'value1'],
['key2', 'value2'],
]);
for (const [key, value] of map) {
console.log(key, value);
}
```
在上面的示例中,我们分别使用`for...of`循环遍历了字符串、Set和Map对象的元素,并打印出它们的值。
注意,`for...of`循环只能用于可迭代对象,如果要遍历普通对象的属性,可以使用`for...in`循环。