如何在JavaScript中循环遍历对象

在JavaScript中，遍历对象是一个常见的操作，用于访问和操作对象的属性。有多种方法可以遍历一个对象的属性，以下是一些主要的遍历方式。

1. `for…in` 循环

`for…in` 循环是遍历对象属性的常用方法。它可以遍历对象自身的可枚举属性以及原型链中的可枚举属性。

const obj = {
name: 'Alice',
age: 25,
country: 'USA'
};

for (let key in obj) {
if (obj.hasOwnProperty(key)) { // 确保属性是对象自身的属性，而非原型链上的
console.log(`key: ${key}, value: ${obj[key]}`);
}
}

注意：通常建议使用 `obj.hasOwnProperty(key)` 来过滤掉原型链上的属性。

2. `Object.keys()` 方法

`Object.keys()` 方法返回一个包含所有给定对象自身可枚举属性名称的数组。

const obj = {
name: 'Alice',
age: 25,
country: 'USA'
};

Object.keys(obj).forEach(key => {
console.log(`key: ${key}, value: ${obj[key]}`);
});

这个方法不会枚举原型链中的属性。

3. `Object.entries()` 方法

`Object.entries()` 方法返回一个二维数组，其元素是与直接在对象上找到的可枚举属性键值对对应的数组。

const obj = {
name: 'Alice',
age: 25,
country: 'USA'
};

Object.entries(obj).forEach(([key, value]) => {
console.log(`key: ${key}, value: ${value}`);
});

这个方法同样不会枚举原型链中的属性。

4. 使用 `Object.getOwnPropertyNames()` 方法

`Object.getOwnPropertyNames()` 返回一个由指定对象的所有自身属性的属性名（包括不可枚举属性）组成的数组。

const obj = {
name: 'Alice',
age: 25,
country: 'USA'
};

Object.getOwnPropertyNames(obj).forEach(key => {
console.log(`key: ${key}, value: ${obj[key]}`);
});

这个方法会返回所有的自身属性，无论它们是否可枚举。