js解析json读取List中的实体对象示例

下面是“js解析json读取List中的实体对象示例”的完整攻略。

1. 什么是 JSON

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，常用于 Web 应用程序之间的数据传输。

JSON 数据是由键值对组成，键名必须是双引号包裹的字符串，键值可以是数字、字符串、布尔值、数组、对象等一些基本的数据类型。示例代码如下所示：

{
    "name": "Jack",
    "age": 21,
    "isStudent": true,
    "hobbies": ["reading", "coding"],
    "address": {
        "province": "Hebei",
        "city": "Baoding",
        "street": "123 Main Street"
    }
}

2. 如何解析 JSON

在 JavaScript 中，可以使用 JSON.parse() 方法将 JSON 字符串转换为对象或数组。示例代码如下：

const jsonString = '{ "name": "Jack", "age": 21, "isStudent": true }';
const obj = JSON.parse(jsonString);
console.log(obj); // { name: "Jack", age: 21, isStudent: true }

3. 读取 List 中的实体对象

如果 JSON 中包含了 List 数据，可以使用数组的下标来访问其中的元素。示例代码如下：

const jsonString = '[{ "name": "Jack", "age": 21 }, { "name": "Lucy", "age": 22 }]';
const arr = JSON.parse(jsonString);
console.log(arr[0].name); // Jack
console.log(arr[1].age); // 22

如果 JSON 中包含了嵌套的对象，可以使用点表示法来访问其中的属性。示例代码如下：

const jsonString = '{ "name": "Jack", "address": { "province": "Hebei", "city": "Baoding" } }';
const obj = JSON.parse(jsonString);
console.log(obj.address.city); // Baoding

4. 示例说明

示例1：

假设有如下 JSON 数据：

[
    {
        "name": "Jack",
        "age": 21
    },
    {
        "name": "Lucy",
        "age": 22
    }
]

我们可以使用如下代码将其解析为数组，并遍历输出其中的每个元素的姓名和年龄：

const jsonString = '[{ "name": "Jack", "age": 21 }, { "name": "Lucy", "age": 22 }]';
const arr = JSON.parse(jsonString);
for (const item of arr) {
    console.log(item.name, item.age);
}

输出结果为：

Jack 21
Lucy 22

示例2：

假设有如下 JSON 数据：

{
    "name": "Jerry",
    "address": {
        "province": "Shandong",
        "city": "Qingdao"
    }
}

我们可以使用如下代码将其解析为对象，并输出对象中地址的省份和城市信息：

const jsonString = '{ "name": "Jerry", "address": { "province": "Shandong", "city": "Qingdao" } }';
const obj = JSON.parse(jsonString);
console.log(obj.address.province, obj.address.city);