js 循环对象

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

// 定义一个示例对象
const obj = {
  name: "Alice",
  age: 25,
  city: "New York"
};

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

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

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

解释说明：

1. for...in 循环：可以遍历对象的所有可枚举属性（包括继承的属性），因此通常会结合 hasOwnProperty() 来确保只遍历对象自身的属性。
2. Object.keys() 和 forEach()：Object.keys() 返回对象所有可枚举属性的数组，然后可以使用 forEach() 来遍历这些键。
3. Object.entries() 和 for...of 循环：Object.entries() 返回一个包含对象键值对的数组，使用 for...of 可以直接解构出键和值，更加简洁。

以上三种方法都可以用来遍历对象的属性。