JavaScript常见JSON操作实例分析

本篇文章将介绍JavaScript中常用的JSON操作，包括JSON对象的创建、解析、修改等操作，并提供了多个实例来说明这些操作的使用场景。

JSON对象的创建

使用JavaScript中的JSON对象可以方便地创建和操作JSON格式的数据。要创建JSON对象，可以使用JSON.parse()函数解析一个包含JSON格式数据的字符串，或使用JSON.stringify()函数从一个JavaScript对象创建JSON字符串后再使用JSON.parse()函数解析为JSON对象。

JSON.parse()函数的使用

示例1：使用JSON.parse()函数创建JSON对象

let jsonStr = '{"name":"Tom","age":25,"gender":"male"}';
let jsonObj = JSON.parse(jsonStr);

以上代码中，我们使用JSON.parse()函数将一个JSON格式的字符串转换为一个JavaScript对象。

JSON.stringify()函数的使用

示例2：使用JSON.stringify()函数创建JSON对象

let jsonObj = { "name": "Tom", "age": 25, "gender": "male" };
let jsonStr = JSON.stringify(jsonObj);
let newJsonObj = JSON.parse(jsonStr);

以上代码中，我们使用JSON.stringify()函数将一个JavaScript对象转换为JSON字符串，然后再用JSON.parse()函数将JSON字符串转换为JavaScript对象。这里新生成的newJsonObj与原来的jsonObj对象相同。

JSON对象属性的访问

JSON对象中的属性可以通过"."的方式访问，例如JSON对象的"name"属性可以通过jsonObj.name的方式进行访问。

示例3：访问JSON对象属性

let jsonObj = { "name": "Tom", "age": 25, "gender": "male" };
console.log(jsonObj.name); //输出"Tom"

JSON对象属性的修改

可以直接修改JSON对象中的属性。

示例4：修改JSON对象属性

let jsonObj = { "name": "Tom", "age": 25, "gender": "male" };
jsonObj.age = 30;
console.log(jsonObj.age); //输出30

JSON对象的数组操作

JSON对象可以包含一个数组，通过数组下标访问元素。

示例5：访问JSON对象数组元素

let jsonObj = { "users": [{ "name": "Tom", "age": 25 }, { "name": "Jerry", "age": 30 }] };
console.log(jsonObj.users[0].name); //输出"Tom"

示例6：修改JSON对象数组元素

let jsonObj = { "users": [{ "name": "Tom", "age": 25 }, { "name": "Jerry", "age": 30 }] };
jsonObj.users[0].name = "Tony";
console.log(jsonObj.users[0].name); //输出"Tony"

JSON的错误处理

在解析JSON字符串时可能会发生错误，需要使用try-catch语句进行错误处理。

示例7：JSON解析错误处理

let jsonStr = '{"name":"Tom","age":25,"gender":"male" ,}';
try {
    let jsonObj = JSON.parse(jsonStr);
} catch (error) {
    console.log(error); // 输出"Unexpected token } in JSON at position 30"
}

以上代码中，我们在jsonStr字符串中加入了一个多余的逗号，这样解析会产生JSON解析错误，可以使用try-catch语句进行错误处理。