JavaScript处理JSON的核心是JSON.parse()和JSON.stringify()；前者解析时需注意单引号、尾逗号、undefined等非法格式并用try/catch容错，后者会忽略函数/undefined/Symbol、转换Date为ISO字符串，深层嵌套推荐可选链与空值合并操作符。
JavaScript 处理 JSON 数据的核心就两件事：JSON.parse() 和 JSON.stringify()。其他所有“花活”都是围绕它们展开的容错、转换或嵌套操作。
JSON.parse() 解析失败的常见原因和修复方法
不是所有看起来像 JSON 的字符串都能被成功解析。最常踩的坑是单引号、尾逗号、undefined 或注释 —— 这些在 JSON 标准里都不合法。
-
JSON.parse("{'name': 'Alice'}")→ 报错：单引号必须换成双引号 -
JSON.parse('{"name": "Alice",}')→ 报错：尾逗号不被允许（即使 Chrome 控制台能执行，也不符合标准） -
JSON.parse('{"value": undefined}')→ 报错：JSON 不支持undefined，只能是null - 如果不确定输入是否安全，加 try/catch：
try {<br> const data = JSON.parse(input);<br>} catch (e) {<br> console.error('无效 JSON:', e.message);<br>}
JSON.stringify() 的坑：函数、Date、undefined 会消失
JSON.stringify() 只序列化可枚举的自有属性，且对某些类型有默认行为 —— 这不是 bug，是设计如此。
- 函数、
undefined、Symbol 类型的属性会被直接忽略：JSON.stringify({ a: 1, b: () => {}, c: undefined }) // → '{"a":1}' -
Date对象变成 ISO 字符串：JSON.stringify({ t: new Date(2023, 0, 1) })→'{"t":"2023-01-01T00:00:00.000Z"}' - 需要自定义序列化？用第二个参数
replacer函数：JSON.stringify(obj, (key, val) =><br> val instanceof Date ? val.toISOString() : val<br>)
处理深层嵌套或不确定结构的 JSON
真实接口返回的 JSON 常有可选字段、数组空值、类型混杂等问题。别依赖 obj.user.name 这种链式访问，容易报 Cannot read property 'name' of undefined。
立即学习“Java免费学习笔记（深入）”；
- 用可选链操作符（ES2020+）：
data?.user?.profile?.avatarUrl - 用空值合并操作符提供默认值：
data?.items ?? [] - 需要兼容老环境？写个安全取值工具函数：
const get = (obj, path, def) =><br> path.split('.').reduce((o, k) => (o?.[k] !== undefined ? o[k] : def), obj) || def; -
后端返回
"count": null却期望是数字？显式转换：Number(data.count) || 0
JSON 不是 JavaScript 对象字面量，它更严格；而 JavaScript 对象也不是 JSON，它更自由。混淆这两者，是绝大多数解析/序列化问题的根源。
