for...of与for...in去呗
时间: 2024-02-03 09:15:49 浏览: 57
for..in与for..of迭代器
for...of和for...in都是JavaScript中用于循环的语句,但它们的作用不同。
for...of用于遍历可迭代对象(例如数组、字符串、Map、Set等),并且可以直接访问每个元素的值。例如:
```
const arr = [1, 2, 3];
for (const item of arr) {
console.log(item); // 输出 1、2、3
}
```
for...in用于遍历对象的属性,包括继承自原型链的属性。例如:
```
const obj = {a: 1, b: 2, c: 3};
for (const key in obj) {
console.log(key); // 输出 a、b、c
console.log(obj[key]); // 输出 1、2、3
}
```
需要注意的是,for...in不保证属性的顺序,而且会遍历到所有可枚举的属性,包括原型链上的属性和一些内部属性。因此在使用for...in时需要特别小心。
总的来说,for...of适用于遍历数组和其他可迭代对象,而for...in适用于遍历对象的属性。
阅读全文