js 对象遍历

// 示例代码：遍历 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() 获取对象的所有键，然后遍历数组
console.log('\n使用 Object.keys() 遍历对象:');
Object.keys(person).forEach(key => {
  console.log(`${key}: ${person[key]}`);
});

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

// 方法4：使用 Object.values() 获取对象的所有值，然后遍历数组
console.log('\n使用 Object.values() 遍历对象:');
Object.values(person).forEach(value => {
  console.log(value);
});

解释说明：

1. for...in 循环：可以遍历对象的所有可枚举属性（包括继承的属性），因此我们通常会结合 hasOwnProperty() 来确保只遍历对象自身的属性。
2. Object.keys()：返回一个包含对象所有可枚举属性键的数组，可以通过 forEach 或其他数组方法来遍历这些键。
3. Object.entries()：返回一个包含对象所有键值对的二维数组，可以直接解构出键和值进行遍历。
4. Object.values()：返回一个包含对象所有可枚举属性值的数组，适用于只需要获取值的情况。