js 循环object

// 遍历对象的几种方法

// 示例对象
const obj = {
  name: 'Alice',
  age: 25,
  city: 'Beijing'
};

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

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

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

// 方法4: Object.values() 和 forEach()
Object.values(obj).forEach(value => {
  console.log(value);
});

解释说明：

1. for...in 循环：可以遍历对象的所有可枚举属性，包括继承的属性。使用 hasOwnProperty() 可以确保只遍历对象自身的属性。
2. Object.keys()：返回一个包含对象所有键的数组，然后可以通过 forEach() 或其他数组方法进行遍历。
3. Object.entries()：返回一个包含对象所有键值对的数组，使用 for...of 循环可以直接解构出键和值。
4. Object.values()：返回一个包含对象所有值的数组，可以通过 forEach() 遍历这些值。

以上是几种常见的遍历 JavaScript 对象的方法。