Javascript中的JSON如何解析与序列化？

javaScript中jsON解析与序列化依靠原生json.parse()和JSON.stringify()，前者将符合JSON格式的字符串转为JS值（需双引号），后者将JS值转为JSON字符串（忽略函数、undefined等），二者均需注意date、循环引用、NaN等特殊值处理。

javascript 中的 JSON 解析与序列化主要靠 JSON.parse() 和 JSON.stringify() 两个原生方法，它们不依赖外部库，安全、高效、浏览器和 node.js 全支持。

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

用于将符合 JSON 格式的字符串解析为对应的 JS 值（对象、数组、字符串、数字、布尔值或 NULL）。注意：JSON 键名和字符串值必须用双引号，单引号或未加引号的键会报错。

• 基本用法：JSON.parse(‘{“name”: “Alice”, “age”: 30}’) → 返回一个对象
• 带错误处理：建议用 try/catch 包裹，防止非法 JSON 导致脚本中断
• 可选第二个参数 reviver 函数，用于在解析过程中过滤或转换值（例如把时间字符串自动转成 Date）

JSON.stringify()：把 JavaScript 值转成 JSON 字符串

将对象、数组等 JS 值序列化为标准 JSON 字符串。只处理可枚举的自有属性，函数、undefined、symbol、BigInt 和循环引用会自动被忽略或报错。

• 基本用法：JSON.stringify({name: “Bob”, active: true}) → ‘{“name”:”Bob”,”active”:true}’
• 第二个参数可传数组（指定需要序列化的属性名）或 replacer 函数（自定义每个值的输出）
• 第三个参数用于美化输出：传数字（缩进空格数）或字符串（如 ‘t’），方便调试

常见坑与注意事项

这两个方法看似简单，但实际使用中容易踩坑：

eMart 网店系统

功能列表：底层程序与前台页面分离的效果，对页面的修改无需改动任何程序代码。完善的标签系统，支持自定义标签，公用标签，快捷标签，动态标签，静态标签等等，支持标签内的vbs语法，原则上运用这些标签可以制作出任何想要的页面效果。兼容原来的栏目系统，可以很方便的插入一个栏目或者一个栏目组到页面的任何位置。底层模版解析程序具有非常高的效率，稳定性和容错性，即使模版中有错误的标签也不会影响页面的显示。所有的标

0

查看详情

立即学习“Java免费学习笔记（深入）”；

• Date 对象：直接 stringfy 会变成 ISO 字符串，parse 后只是普通字符串，不是 Date 实例
• undefined / 函数 / Symbol：stringify 时会被跳过；若作为对象属性值，整个键值对消失
• 循环引用：stringify 会抛出 TypeError，需提前检测或用第三方库（如 flatted）处理
• NaN 和 Infinity：stringify 后变成 null，parse 后仍是 null，无法保留原意

简单实用技巧

日常开发中可以这样提升健壮性：

• 封装安全 parse：const safeParse = str => { try { return JSON.parse(str); } catch { return null; } };
• 深克隆小对象：用 JSON.parse(JSON.stringify(obj))（仅适用于纯数据，不含函数、Date 等）
• 调试打印：用 console.log(JSON.stringify(data, null, 2)) 查看结构更清晰

基本上就这些。掌握好 parse 和 stringify 的行为边界，比记住语法更重要。