js 如何遍历对象

// 遍历对象的几种常见方式

// 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(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() 遍历所有属性（包括不可枚举的属性）
Object.getOwnPropertyNames(obj).forEach(key => {
    console.log(key, obj[key]);
});

解释说明：

1. for...in：可以遍历对象的所有可枚举属性，包括继承的属性。使用 hasOwnProperty 可以确保只遍历对象自身的属性。
2. Object.keys()：返回一个包含对象所有可枚举属性键的数组，然后可以通过 forEach 或其他数组方法进行遍历。
3. Object.entries()：返回一个包含对象所有可枚举属性键值对的数组，结合 for...of 可以同时获取键和值。
4. Object.getOwnPropertyNames()：返回一个包含对象所有属性（包括不可枚举属性）的数组，适用于需要遍历所有属性的场景。