JS解析JSON与JSON.stringify使用详解

目前golang学习网上已经有很多关于文章的文章了，自己在初次阅读这些文章中，也见识到了很多学习思路；那么本文《JS解析JSON及JSON.stringify参数详解》，也希望能帮助到大家，如果阅读完后真的对你学习文章有帮助，欢迎动动手指，评论留言并分享~

JavaScript中解析JSON用JSON.parse()，序列化用JSON.stringify()；前者要求字符串严格符合JSON规范（双引号、无尾逗号等），后者三参数中replacer可过滤/转换字段，space用于格式化输出，二者配合可实现安全数据交换与简单深拷贝。

JavaScript中解析JSON用 JSON.parse()，序列化对象用 JSON.stringify()；后者有三个参数，但常用的是前两个。

如何正确解析JSON字符串

JSON.parse() 用于把符合JSON格式的字符串转成JavaScript值（对象、数组、字符串、数字等）。注意：字符串必须是严格JSON格式——键名和字符串值必须用双引号，不能有末尾逗号，不能有单引号或注释。

• ✅ 正确：JSON.parse('{"name": "张三", "age": 25}')
• ❌ 报错：JSON.parse("{'name': '张三'}")（单引号不合法）
• ❌ 报错：JSON.parse('{"name": "张三",}') （尾逗号非法）

可选第二个参数是 reviver函数，用于在解析过程中逐层处理每个键值对，比如过滤字段、转换日期字符串：

const data = '{"name":"李四","birth":"2000-01-01"}';
JSON.parse(data, (key, value) => {
  if (key === 'birth') return new Date(value);
  return value;
}); // { name: "李四", birth: Date object }

JSON.stringify() 的三个参数详解

JSON.stringify(value, replacer, space)

• value：要序列化的值（对象、数组、基本类型等）
• replacer：可选，控制哪些属性被序列化。可以是数组（指定白名单键名）或函数（类似parse的reviver）
• space：可选，用于美化输出。可以是数字（缩进空格数）或字符串（如'  '）

常见用法示例：

// 只保留指定字段
JSON.stringify({a: 1, b: 2, c: 3}, ['a', 'c']); // '{"a":1,"c":3}'
<p>// 用函数过滤/修改值
JSON.stringify({x: 1, y: 2}, (k, v) => k === 'y' ? undefined : v * 2); // '{"x":2}'</p><p>// 格式化输出
JSON.stringify({a: 1, b: {c: 2}}, null, 2);
// 输出：
// {
//   "a": 1,
//   "b": {
//     "c": 2
//   }
// }</p>

容易踩的坑

JSON.stringify 会忽略：undefined、function、Symbol 类型的属性值，以及循环引用的对象（直接报错）。

• JSON.stringify({f() {}, x: undefined, s: Symbol('s')}) → {}
• const obj = {}; obj.self = obj; JSON.stringify(obj) → TypeError: Converting circular structure to JSON

遇到循环引用可用第三方库（如 flatted）或手动预处理；需要保留函数可先转为字符串再存，但要注意执行安全。

实用小技巧

调试时快速查看结构，加 space=2 更清晰；想深拷贝简单对象，可用 JSON.parse(JSON.stringify(obj))（仅限纯数据，不含函数、Date、RegExp等）。

基本上就这些。用熟 parse 和 stringify 的参数，处理前后端数据交换就顺多了。

好了，本文到此结束，带大家了解了《JS解析JSON与JSON.stringify使用详解》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多文章知识！