js object循环

// 示例代码：遍历 JavaScript 对象的几种方法

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

// 方法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(function(key) {
  console.log(`${key}: ${person[key]}`);
});

// 方法3：Object.entries() 和 for...of 循环
console.log("\n使用 Object.entries() 和 for...of 循环：");
for (let [key, value] of Object.entries(person)) {
  console.log(`${key}: ${value}`);
}

解释说明：

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

2. Object.keys() 和 forEach()：Object.keys() 返回一个包含对象自身所有可枚举属性的数组，然后可以使用 forEach() 来遍历这些键。

3. Object.entries() 和 for...of 循环：Object.entries() 返回一个包含对象自身所有可枚举属性的键值对数组，for...of 可以直接遍历这个数组，并解构出键和值。