js 遍历 对象

// 示例代码：遍历对象

// 定义一个对象
const person = {
  name: 'Alice',
  age: 25,
  city: 'New York'
};

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

// 方法2：使用 Object.keys() 获取对象的键数组，然后使用 forEach 遍历
console.log("\n使用 Object.keys() 和 forEach 遍历对象的键:");
Object.keys(person).forEach(key => {
  console.log(key + ": " + person[key]);
});

// 方法3：使用 Object.entries() 获取对象的键值对数组，然后使用 forEach 遍历
console.log("\n使用 Object.entries() 和 forEach 遍历对象的键值对:");
Object.entries(person).forEach(([key, value]) => {
  console.log(key + ": " + value);
});

解释说明：

1. for...in 循环：用于遍历对象的所有可枚举属性，包括继承的属性。为了确保只遍历对象自身的属性，通常会结合 hasOwnProperty 方法使用。
2. Object.keys()：返回一个包含对象自身所有可枚举属性的键的数组，可以结合 forEach 或其他数组方法进行遍历。
3. Object.entries()：返回一个包含对象自身所有可枚举属性的键值对数组，可以结合 forEach 或其他数组方法进行遍历，同时可以直接获取键和值。

以上三种方法都可以用来遍历对象的属性，选择哪种方法取决于具体的需求。