原生js json 修改

在原生JavaScript中修改JSON数据，主要涉及到对JSON对象的解析和操作。以下是一些基础概念、优势、类型、应用场景，以及常见问题的解答：

基础概念

1. JSON（JavaScript Object Notation）：一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。
2. 解析JSON：使用JSON.parse()方法将JSON字符串转换为JavaScript对象。
3. 序列化JSON：使用JSON.stringify()方法将JavaScript对象转换为JSON字符串。

优势

• 易读性：JSON格式简洁明了，易于人类阅读和理解。
• 语言无关性：JSON是一种跨语言的数据格式，可以在不同的编程语言之间进行数据交换。
• 轻量级：JSON数据格式小巧，传输和存储效率高。

类型

• 对象：无序的键值对集合。
• 数组：有序的值集合。
• 字符串、数字、布尔值、null：基本数据类型。

应用场景

• 数据交换：前后端之间的数据传输。
• 配置文件：存储应用程序的配置信息。
• 数据存储：在LocalStorage或SessionStorage中存储数据。

修改JSON数据的步骤

1. 解析JSON字符串：使用JSON.parse()将JSON字符串转换为JavaScript对象。
2. 修改对象：直接修改JavaScript对象的属性或添加新属性。
3. 序列化回JSON：使用JSON.stringify()将修改后的对象转换回JSON字符串。

示例代码

// 原始JSON字符串
let jsonString = '{"name": "张三", "age": 30, "city": "北京"}';

// 解析JSON字符串为JavaScript对象
let jsonObj = JSON.parse(jsonString);

// 修改对象
jsonObj.age = 31; // 修改年龄
jsonObj.city = "上海"; // 修改城市
jsonObj.job = "工程师"; // 添加新属性

// 序列化回JSON字符串
let modifiedJsonString = JSON.stringify(jsonObj);

console.log(modifiedJsonString); // 输出：'{"name":"张三","age":31,"city":"上海","job":"工程师"}'

常见问题及解决方法

• 修改嵌套JSON对象：对于嵌套的JSON对象，需要逐层访问并修改。例如，如果有{"person": {"name": "张三", "age": 30}}，要修改名字，可以这样做：jsonObj.person.name = "李四";
• 处理数组：如果JSON对象中包含数组，可以使用数组的方法（如push、splice等）来修改。例如，添加一个新元素到数组中：jsonObj.hobbies.push("阅读");
• 避免循环引用：在序列化对象为JSON时，如果对象中存在循环引用（即对象的某个属性引用了对象本身或其上级对象），JSON.stringify()会抛出错误。避免这种情况的方法是，在序列化前检查并处理循环引用，或者使用其他支持循环引用的序列化库。
• 数据验证：在修改JSON数据后，建议进行数据验证以确保数据的完整性和正确性。可以使用一些库（如ajv）来进行JSON Schema验证。