js json 遍历

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

// 定义一个 JSON 对象
const jsonObject = {
    "name": "张三",
    "age": 25,
    "address": {
        "city": "北京",
        "street": "朝阳区"
    },
    "hobbies": ["读书", "运动", "旅游"]
};

// 方法1：使用 for...in 遍历对象的键值对
for (let key in jsonObject) {
    if (jsonObject.hasOwnProperty(key)) { // 确保只遍历自身的属性，不包括继承的属性
        console.log(`${key}: ${JSON.stringify(jsonObject[key])}`); // 使用 JSON.stringify 处理复杂数据类型
    }
}

// 方法2：使用 Object.keys() 和 forEach 遍历对象的键
Object.keys(jsonObject).forEach(function(key) {
    console.log(`${key}: ${JSON.stringify(jsonObject[key])}`);
});

// 方法3：使用递归遍历嵌套的 JSON 对象
function traverseJSON(obj) {
    for (let key in obj) {
        if (typeof obj[key] === 'object' && obj[key] !== null) {
            console.log(`${key}:`);
            traverseJSON(obj[key]); // 递归调用
        } else {
            console.log(`${key}: ${obj[key]}`);
        }
    }
}

traverseJSON(jsonObject);

解释说明：

1. 方法1 使用 for...in 循环遍历 JSON 对象的键值对。为了确保只遍历对象自身的属性（而不是继承的属性），我们使用了 hasOwnProperty() 方法。
2. 方法2 使用 Object.keys() 获取对象的所有键，并通过 forEach 方法遍历这些键。这种方式更加简洁。
3. 方法3 使用递归函数 traverseJSON 来处理嵌套的 JSON 对象，能够深入遍历多层结构。

以上代码展示了如何遍历不同类型的 JSON 数据结构。