JSON是一种轻量级数据交换格式,语法源于JavaScript但非其专有;支持字符串、数字、布尔值、null、对象和数组,不支持函数等类型;通过JSON.parse()解析、JSON.stringify()序列化,使用时需注意引号、数据类型兼容性及错误处理。

JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,不是 JavaScript 专有,但语法源于 JavaScript。它用文本表示结构化数据,易读、易写、易解析,被广泛用于前后端通信、配置文件、API 数据传输等场景。
JSON 的基本结构和规则
JSON 只支持几种基础数据类型:字符串(双引号包裹)、数字(含整数和浮点数)、布尔值(true / false)、null、对象(花括号 {},键必须是双引号字符串)、数组(方括号 [])。不支持函数、日期对象、undefined、正则表达式或循环引用。
例如合法 JSON:
{"name": "张三", "age": 28, "isStudent": false, "hobbies": ["读书", "游泳"], "address": {"city": "上海", "zip": "200000"}}如何解析 JSON 字符串(转为 JavaScript 对象)
使用 JSON.parse() 方法,把符合 JSON 格式的字符串转换成 JS 值(对象或数组)。
立即学习“Java免费学习笔记(深入)”;
本文档主要讲述的是使用JSON进行网络数据交换传输;JSON(JavaScript ObjectNotation)是一种轻量级的数据交换格式,易于阅读和编写,同时也易于机器解析和生成,非常适合于服务器与客户端的交互。JSON采用与编程语言无关的文本格式,但是也使用了类C语言的习惯,这些特性使JSON成为理想的数据交换格式。 和 XML 一样,JSON 也是基于纯文本的数据格式。由于 JSON 天生是为 JavaScript 准备的,因此,JSON的数据格式非常简单,您可以用 JSON 传输一个简单的 St
- 成功时返回对应 JS 数据,如 JSON.parse('{"a":1}') 返回 {a: 1}
- 若字符串格式错误(如单引号、尾逗号、undefined 值),会抛出 SyntaxError,建议加 try-catch
- 可选第二个参数 reviver 函数,用于在解析过程中过滤或转换字段值
示例:
try {const data = JSON.parse('{"price": 99.9, "inStock": true}');
console.log(data.price); // 99.9
} catch (e) {
console.error('解析失败:', e.message);
}
如何生成 JSON 字符串(序列化 JS 对象)
使用 JSON.stringify() 方法,把 JS 对象或数组转为标准 JSON 字符串。
- 只处理可序列化的属性:忽略函数、undefined、Symbol 类型的键或值
- 遇到不可序列化内容(如 Date 对象)会自动调用 .toString();Date 默认转为 ISO 字符串,但需注意时区
- 可传入第二个参数 replacer(数组或函数)控制哪些字段保留;第三个参数用于美化输出(缩进空格数)
示例:
const obj = {name: "李四",
birth: new Date("2000-01-01"),
sayHi() { return "hello"; }
};
console.log(JSON.stringify(obj, null, 2));
// 输出:
// {
// "name": "李四",
// "birth": "2000-01-01T00:00:00.000Z"
// }
常见陷阱与注意事项
JSON 和 JS 对象不完全等价,实际使用中容易踩坑:
- 键名必须用双引号,{'name': 'abc'} 或 {name: 'abc'} 是 JS 对象,不是 JSON
- JSON.parse(null) 返回 null,但 JSON.parse(undefined) 报错
- 后端返回的 JSON 响应体需先检查 response.ok 和 Content-Type,再调用 .json()(fetch)或 JSON.parse()
- 深层嵌套对象或大数组序列化/解析可能影响性能,必要时考虑流式处理或分块










