js 遍历对象属性

// 示例代码：遍历对象属性

// 创建一个示例对象
const person = {
  name: 'Alice',
  age: 25,
  city: 'Beijing'
};

// 方法1：使用 for...in 循环
for (let key in person) {
  if (person.hasOwnProperty(key)) { // 确保只遍历对象自身的属性，而不是继承的属性
    console.log(`${key}: ${person[key]}`);
  }
}

// 方法2：使用 Object.keys() 和 forEach()
Object.keys(person).forEach(key => {
  console.log(`${key}: ${person[key]}`);
});

// 方法3：使用 Object.entries() 和 forEach()
Object.entries(person).forEach(([key, value]) => {
  console.log(`${key}: ${value}`);
});

// 方法4：使用 Object.getOwnPropertyNames() 和 forEach()
// 注意：此方法会包含不可枚举的属性
Object.getOwnPropertyNames(person).forEach(key => {
  console.log(`${key}: ${person[key]}`);
});

解释说明：

1. for...in 循环：这是最常用的方法之一，可以遍历对象的所有可枚举属性（包括继承的属性）。为了确保只遍历对象自身的属性，通常会结合 hasOwnProperty() 方法使用。

2. Object.keys()：返回一个包含对象所有可枚举属性键名的数组。可以结合 forEach() 或其他数组方法来遍历这些键。

3. Object.entries()：返回一个包含对象所有可枚举属性 [key, value] 对的数组。可以方便地同时获取键和值。

4. Object.getOwnPropertyNames()：返回一个包含对象所有自身属性（包括不可枚举属性）的数组。如果需要遍历所有属性（不仅仅是可枚举的），可以使用这个方法。

选择哪种方法取决于具体的需求，比如是否需要遍历继承的属性或不可枚举的属性等。