js json对象遍历

// 示例代码：遍历 JSON 对象

// 定义一个 JSON 对象
const jsonObject = {
    "name": "Alice",
    "age": 25,
    "city": "Beijing",
    "hobbies": ["reading", "swimming", "coding"]
};

// 方法1：使用 for...in 遍历对象的键
console.log("方法1：使用 for...in 遍历对象的键");
for (let key in jsonObject) {
    if (jsonObject.hasOwnProperty(key)) {
        console.log(`${key}: ${jsonObject[key]}`);
    }
}

// 方法2：使用 Object.keys() 获取所有键并遍历
console.log("\n方法2：使用 Object.keys() 获取所有键并遍历");
Object.keys(jsonObject).forEach(key => {
    console.log(`${key}: ${jsonObject[key]}`);
});

// 方法3：使用 Object.entries() 获取键值对并遍历
console.log("\n方法3：使用 Object.entries() 获取键值对并遍历");
Object.entries(jsonObject).forEach(([key, value]) => {
    console.log(`${key}: ${value}`);
});

// 方法4：使用 Object.values() 获取所有值并遍历
console.log("\n方法4：使用 Object.values() 获取所有值并遍历");
Object.values(jsonObject).forEach(value => {
    console.log(value);
});

解释说明：

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

以上方法可以根据具体需求选择使用。