JSON是什么及JavaScript使用方法

学习文章要努力，但是不要急！今天的这篇文章《JSON是什么及如何在JavaScript中使用》将会介绍到等等知识点，如果你想深入学习文章，可以关注我！我会持续更新相关文章的，希望对大家都能有所帮助！

JSON是轻量级数据交换格式，键名须双引号、禁末尾逗号、不支持函数/undefined/Symbol等；用JSON.parse()解析字符串为JS值，JSON.stringify()将JS值转为JSON字符串。

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，语法简洁、易读易写，也便于机器解析和生成。它不是 JavaScript 专属，但和 JS 对象字面量高度相似，因此在 JavaScript 中原生支持解析和生成。

JSON 和 JS 对象的区别

虽然长得像，但 JSON 是纯字符串格式，有严格规则：键名必须用双引号包裹，不能有单引号或不加引号；不允许末尾逗号；不能包含函数、undefined、Symbol、Date 实例、RegExp 等 JS 特有值；null 是合法的。

例如，这个是合法 JSON 字符串：

而下面这些不是合法 JSON：

• {'name': '张三'}（单引号 → 错误）
• {name: "张三"}（键没引号 → 错误）
• {age: 25,}（末尾逗号 → 错误）
• {date: new Date()}（含对象实例 → 不可序列化为 JSON）

用 JSON.parse() 解析 JSON 字符串

把符合 JSON 格式的字符串转成 JS 对象或数组，用 JSON.parse()：

• 基本用法：JSON.parse('{"x":1,"y":2}') → 返回 {x: 1, y: 2}
• 带错误处理：必须用 try/catch，因为非法 JSON 会直接抛错
• 可选第二个参数 reviver 函数，用于在解析过程中转换值（比如把时间字符串转成 Date 对象）

示例：

用 JSON.stringify() 生成 JSON 字符串

把 JS 值（对象、数组、字符串、数字、布尔、null）转成 JSON 字符串，用 JSON.stringify()：

• 基础用法：JSON.stringify({a: 1, b: [2,3]}) → {"a":1,"b":[2,3]}
• 第二个参数可传 replacer：数组（指定要保留的键）或函数（自定义序列化逻辑）
• 第三个参数可传空格数或字符串，用于美化输出（如缩进 2 个空格）
• 注意：undefined、函数、Symbol 会被忽略；NaN 和 Infinity 转为 null；Date 实例调用 toJSON()（即 ISO 字符串）

示例：

常见坑与注意事项

实际开发中容易踩的点：

• 后端返回的响应体是字符串，但忘了 JSON.parse() 就直接当对象用 → 报错 “xxx is not an object”
• fetch 或 axios 默认不自动解析 JSON，需手动调用 .json()（这是 Promise 方法，内部已封装 parse）
• 循环引用对象（比如 a.b = a）传给 stringify → 抛错 “Converting circular structure to JSON”
• 想序列化 Map/Set/BigInt/自定义类实例？原生不支持，需自行实现 replacer 或用第三方库（如 flatted、serialize-javascript）

基本上就这些。用好 JSON.parse 和 JSON.stringify，是前端日常处理接口数据最基础也最关键的技能之一。

终于介绍完啦！小伙伴们，这篇关于《JSON是什么及JavaScript使用方法》的介绍应该让你收获多多了吧！欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识，快来关注吧！