17370845950

JavaScript处理JSON依赖JSON.parse()和JSON.stringify()：前者将合法JSON字符串（双引号、无尾逗号、键名引号）转为JS值，支持reviver过滤；后者将对象序列化为字符串，忽略函数/undefined/循环引用，支持属性筛选与缩进美化；解析后按原生对象操作，注意null安全、日期手动转换、大数精度丢失及API中response.json()已内置解析。

JavaScript解析和操作JSON数据主要靠内置的JSON对象，核心方法是JSON.parse()和JSON.stringify()。只要注意格式合法性、类型转换细节和常见陷阱，基本就能安全高效地处理。

用JSON.parse()把字符串转成JavaScript对象

这是解析JSON数据的第一步。输入必须是合法的JSON字符串（注意：双引号、不能有尾逗号、键名必须加引号）。

• 正确示例：JSON.parse('{"name":"张三","age":25}') → {name: "张三", age: 25}
• 错误示例：JSON.parse("{'name':'张三'}")会报错——单引号不合法；JSON.parse('{"name":"李四",}')也会报错——尾逗号不允许
• 可选第二个参数reviver函数，用于在解析过程中过滤或转换值，比如把时间字符串自动转为Date对象

用JSON.stringify()把对象转成JSON字符串

这个方法常用于发送数据到服务器或存入localStorage。它只序列化可枚举的自有属性，忽略函数、undefined、Symbol值和循环引用。

• 基础用法：JSON.stringify({a: 1, b: null}) → '{"a":1,"b":null}'
• 第二个参数可以是数组（指定要保留的属性名），也可以是函数（自定义每个键值的输出）
• 第三个参数控制缩进，传入数字（如2）或字符串（如' '）实现美化输出，方便调试

操作解析后的JSON数据就像普通对象或数组

解析成功后得到的是原生JavaScript值（对象、数组、字符串、数字、布尔、null），可直接用点语法、方括号、数组方法等操作。

• 取值：data.user.name 或 data["user"]["email"]
• 修改：data.items.push({id: 100, title: "新条目"})
• 遍历数组：data.results.forEach(item => console.log(item.id))
• 注意null安全：访问嵌套属性前建议检查中间层级是否存在，或用可选链操作符?. （如data.user?.profile?.avatar）

处理常见问题和边界情况

实际开发中容易遇到几个典型问题，提前留心能少踩坑。

• 日期字符串不会自动转Date：JSON标准不支持Date类型，后端返回的"2025-10-05T08:30:00Z"仍是字符串，需手动用new Date()转换
• 大数字精度丢失：超过Number.MAX_SAFE_INTEGER（约9位数）的整数可能被JS误读，敏感场景建议用字符串传ID，或用专门库如json-bigint
• 跨域请求需配合fetch/axios：从API获取JSON时，通常用response.json()（返回Promise），它内部已调用JSON.parse()，不需要再手动解析

基本上就这些。记住JSON是数据交换格式，不是JS对象字面量；解析和序列化是两个方向的操作；操作时把它当普通JS值就行，只是多留意下格式和类型限制。