js json循环

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

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

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

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

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

// 方法4: 如果 JSON 中包含数组，可以使用 for...of 循环遍历数组元素
console.log("\n方法4: 使用 for...of 循环遍历数组元素");
for (let hobby of jsonObject.hobbies) {
    console.log(`Hobby: ${hobby}`);
}

解释说明：

1. for...in 循环：用于遍历对象的所有可枚举属性（包括继承的属性）。为了避免遍历到原型链上的属性，通常会使用 hasOwnProperty() 方法来检查属性是否属于对象本身。

2. Object.keys() 和 forEach()：Object.keys() 返回一个包含对象所有键的数组，然后可以使用 forEach() 来遍历这些键并访问对应的值。

3. Object.entries() 和 forEach()：Object.entries() 返回一个包含对象所有键值对的数组，可以直接在 forEach() 中解构出键和值。

4. for...of 循环：如果 JSON 中包含数组，可以使用 for...of 来遍历数组中的每个元素。