js object遍历

// 遍历对象的几种方法

// 1. for...in 循环
const obj = { a: 1, b: 2, c: 3 };

for (let key in obj) {
  if (obj.hasOwnProperty(key)) {
    console.log(key, obj[key]); // 输出键和对应的值
  }
}

// 2. Object.keys() 和 forEach()
Object.keys(obj).forEach(function(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.getOwnPropertyNames() 和 forEach()
Object.getOwnPropertyNames(obj).forEach(function(key) {
  console.log(key, obj[key]); // 输出键和对应的值，包括不可枚举属性
});

以上代码展示了四种遍历 JavaScript 对象的方法：

1. for...in 循环可以遍历对象的所有可枚举属性，但也会遍历原型链上的属性，因此通常需要使用 hasOwnProperty() 方法来过滤掉继承的属性。
2. Object.keys() 返回一个包含对象自身所有可枚举属性的数组，结合 forEach() 可以方便地遍历这些属性。
3. Object.entries() 返回一个包含对象自身所有可枚举属性的键值对数组，结合 for...of 循环可以直接解构出键和值。
4. Object.getOwnPropertyNames() 返回一个包含对象自身所有属性（包括不可枚举属性）的数组，结合 forEach() 可以遍历这些属性。