使用JSON.parse()将JSON字符串转为JavaScript对象，如const obj = JSON.parse('{"name": "张三"}')；使用JSON.stringify()将对象转为JSON字符串，如JSON.stringify({name: "李四"})；注意处理数据类型限制与语法规范。
在JavaScript中处理JSON数据是前端开发中的常见需求。无论是从服务器获取数据，还是本地存储与传输，JSON（JavaScript Object Notation）都是一种轻量级的数据交换格式。理解如何解析和转换JSON数据，对实际开发非常关键。
JSON.parse()：将JSON字符串转为JavaScript对象
当从接口接收到的数据是字符串形式的JSON时，需要使用 JSON.parse() 方法将其转换为可操作的JavaScript对象。
例如，后端返回如下字符串：
'{"name": "张三", "age": 25, "city": "北京"}'
可以通过以下方式解析：
const jsonString = '{"name": "张三", "age": 25, "city": "北京"}';
const obj = JSON.parse(jsonString);
console.log(obj.name); // 输出：张三
注意：传入的字符串必须符合JSON语法规范，否则会抛出 SyntaxError 错误。比如单引号、末尾逗号等都不被允许。
JSON.stringify()：将JavaScript对象转为JSON字符串
当你需要将一个JS对象发送到服务器或存入 localStorage 时，需将其转换为JSON字符串，这时使用 JSON.stringify()。
示例：
const user = { name: "李四", age: 30, city: "上海" };
const jsonString = JSON.stringify(user);
console.log(jsonString); // 输出：{"name":"李四","age":30,"city":"上海"}
该方法还可接受两个可选参数：过滤器（数组或函数）和缩进参数，用于控制输出格式。
例如美化输出：
JSON.stringify(user, null, 2);
结果会带有缩进，便于查看。
处理复杂数据类型时的注意事项
JSON.stringify() 对某些JS类型有局限性：
- 函数、undefined、Symbol 值会被忽略
- Date 对象会被转换为字符串
- RegExp 和 Error 对象会变成空对象 {}
- 循环引用的对象会报错
如果对象中包含不能被序列化的字段，建议提前处理或使用 replacer 函数过滤。
例如：
JSON.stringify({ a: 1, b: undefined, c: function(){} }, ['a']); // 结果："{"a":1}"
实际应用场景举例
常见使用场景包括：
- 通过 fetch 或 XMLHttpRequest 获取API返回的JSON字符串，用 JSON.parse() 转换为对象
- 将表单数据组装成对象后，用 JSON.stringify() 发送给后端
- 在 localStorage 中保存对象时，先 stringify，读取时再 parse
localStorage 示例：
localStorage.setItem('userData', JSON.stringify(user));
const data = JSON.parse(localStorage.getItem('userData'));
基本上就这些。掌握 JSON.parse() 和 JSON.stringify() 的基本用法及边界情况，就能应对大多数数据转换需求。不复杂但容易忽略细节，建议结合实际调试加深理解。
