js 对象遍历 属性
时间: 2023-10-15 12:24:51 浏览: 57
对于 JavaScript 对象,有多种方法可以遍历其属性。以下是常见的几种方法:
1. 使用 for...in 循环:使用 for...in 循环可以遍历对象的可枚举属性,包括继承的属性。例如:
```javascript
const obj = {a: 1, b: 2, c: 3};
for (let key in obj) {
console.log(key, obj[key]);
}
```
2. 使用 Object.keys() 方法:Object.keys() 方法返回一个由对象的可枚举属性组成的数组,然后可以使用数组的遍历方法来访问属性。例如:
```javascript
const obj = {a: 1, b: 2, c: 3};
Object.keys(obj).forEach(key => {
console.log(key, obj[key]);
});
```
3. 使用 Object.entries() 方法:Object.entries() 方法返回一个由对象的可枚举属性键值对组成的数组,然后可以使用数组的遍历方法来访问属性。例如:
```javascript
const obj = {a: 1, b: 2, c: 3};
Object.entries(obj).forEach(([key, value]) => {
console.log(key, value);
});
```
4. 使用 Object.getOwnPropertyNames() 方法:Object.getOwnPropertyNames() 方法返回一个由对象的所有属性(包括不可枚举属性)组成的数组。例如:
```javascript
const obj = {a: 1, b: 2, c: 3};
Object.getOwnPropertyNames(obj).forEach(key => {
console.log(key, obj[key]);
});
```
请注意,以上方法都只会遍历对象的自身属性,不会包括继承的属性。如果需要遍历继承的属性,可以使用 `Object.getPrototypeOf()` 方法获取对象的原型链,并进行遍历。