📜  循环 json javascript (1)

📅  最后修改于: 2023-12-03 14:54:15.505000             🧑  作者: Mango

循环 JSON in JavaScript

在编写 JavaScript 应用程序时,循环 JSON 对象是一项基本任务。它允许您遍历 JSON 字符串并执行操作。

循环 JSON

循环 JSON 对象的最简单方法是使用 for...in 循环。这可以遍历每个属性的名称(键)并访问其相关的值。

let json = {
    "name": "John",
    "age": 30,
    "city": "New York"
};

for (let key in json) {
    console.log(key + ": " + json[key]);
}
// Output:
// name: John
// age: 30
// city: New York
循环 JSON 数组

当循环 JSON 数组时,可以使用 forEachfor...of 循环。这里有一个使用 for...of 循环的例子:

let jsonArray = [
    {"name": "John", "age": 30},
    {"name": "Jane", "age": 25},
    {"name": "Bob", "age": 40},
];

for (let item of jsonArray) {
    console.log(item.name + " is " + item.age + " years old.");
}
// Output:
// John is 30 years old.
// Jane is 25 years old.
// Bob is 40 years old.
循环嵌套 JSON

如果 JSON 数据具有嵌套结构,则可以使用递归函数来循环它。下面是一个例子:

let nestedJson = {
    "name": "John",
    "age": 30,
    "address": {
        "street": "123 Main St.",
        "city": "New York",
        "state": "NY"
    }
};

function loopJson(json) {
    for (let key in json) {
        if (typeof(json[key]) === "object") {
            loopJson(json[key]); // 递归调用
        } else {
            console.log(key + ": " + json[key]);
        }
    }
}

loopJson(nestedJson);
// Output:
// name: John
// age: 30
// street: 123 Main St.
// city: New York
// state: NY
结论

循环 JSON 数据在 JavaScript 中是一项基本任务。使用 for...in 循环遍历 JSON 对象,使用 forEachfor...of 循环遍历 JSON 数组,使用递归函数来循环嵌套 JSON。