js 遍历属性

// 示例代码：遍历对象的属性

// 创建一个示例对象
const obj = {
    name: "Alice",
    age: 25,
    city: "Beijing"
};

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

// 方法2: 使用 Object.keys() 获取对象的所有可枚举属性名，然后遍历数组
console.log("\n使用 Object.keys() 遍历对象的属性:");
Object.keys(obj).forEach(key => {
    console.log(`${key}: ${obj[key]}`);
});

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

// 方法4: 使用 Reflect.ownKeys() 获取对象的所有属性（包括不可枚举属性），然后遍历数组
console.log("\n使用 Reflect.ownKeys() 遍历对象的所有属性（包括不可枚举属性）:");
Reflect.ownKeys(obj).forEach(key => {
    console.log(`${key}: ${obj[key]}`);
});

解释说明：

1. for...in 循环：用于遍历对象的所有可枚举属性（包括继承的属性）。为了确保只遍历对象自身的属性，通常会结合 hasOwnProperty 方法使用。
2. Object.keys()：返回一个包含对象所有可枚举属性名的数组，可以使用 forEach 或其他数组方法进行遍历。
3. Object.entries()：返回一个包含对象所有可枚举属性键值对的数组，可以直接遍历这些键值对。
4. Reflect.ownKeys()：返回一个包含对象所有属性（包括不可枚举属性）的数组，适用于需要遍历所有属性的情况。