当前位置：首页 > 文章列表 > 文章 > 前端 > JSON是什么及怎么解析生成

JSON是什么及怎么解析生成

2025-12-26 10:54:40 0浏览收藏

各位小伙伴们，大家好呀！看看今天我又给各位带来了什么文章？本文标题是《JSON是什么及如何解析生成》，很明显是关于文章的文章哈哈哈，其中内容主要会涉及到等等，如果能帮到你，觉得很不错的话，欢迎各位多多点评和分享！

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

javascript JSON是什么_如何解析和生成

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 值（对象或数组）。

成功时返回对应 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（数组或函数）控制哪些字段保留；第三个参数用于美化输出（缩进空格数）

示例：

常见陷阱与注意事项

JSON 和 JS 对象不完全等价，实际使用中容易踩坑：

键名必须用双引号，{'name': 'abc'} 或 {name: 'abc'} 是 JS 对象，不是 JSON
JSON.parse(null) 返回 null，但 JSON.parse(undefined) 报错
后端返回的 JSON 响应体需先检查 response.ok 和 Content-Type，再调用 .json()（fetch）或 JSON.parse()
深层嵌套对象或大数组序列化/解析可能影响性能，必要时考虑流式处理或分块