JavaScript 中 JSON 数据怎么解析与序列化-js教程-PHP中文网

javascript解析和序列化json依赖json.parse()和json.stringify()：前者将字符串转对象但容错极低，后者将对象转字符串会静默过滤非法值，二者均需谨慎处理类型兼容性与错误边界。

javascript 中 json 数据怎么解析与序列化

JavaScript 中解析和序列化 JSON 数据，核心就靠两个原生方法：JSON.parse() 和 JSON.stringify()。它们不依赖第三方库，但对格式和类型极其严格——不是“能跑就行”，而是“错一点就崩”。用对了很轻巧，用错了常卡在 SyntaxError 或静默丢数据上。

JSON.parse()：字符串 → 对象，容错性极低

它只接受符合 JSON 标准的字符串，任何偏差都会直接抛 SyntaxError：

键名和字符串值必须用双引号，{"name": 'Alice'} ❌（单引号）、{name: "Alice"} ❌（键没引号）
不能有尾部逗号：{"a": 1, "b": 2,} ❌
不能含 undefined、function、Symbol、注释或 JavaScript 特有语法
后端返回的响应体是 Response 对象，不是字符串，不能直接传给 JSON.parse()

安全做法：始终用 try...catch 包裹，尤其处理 API 响应时：

try {
  const res = await fetch('/api/user');
  const data = await res.json(); // 推荐：用 res.json()，它内部已做 parse
} catch (e) {
  console.error('解析失败:', e.message);
}

JSON.stringify()：对象 → 字符串，会静默过滤

它不是“原样转字符串”，而是一套有规则的序列化过程，很多值会被悄悄跳过或转换：

Java Maven Code Review

审查Java Maven项目（ZIP压缩包或GitLab仓库URL），检查代码规范、命名、模块边界、可维护性问题以及重复代码。

下载

undefined、function、Symbol 类型的属性值，连同整个键值对一起消失
Date 对象自动转成 ISO 字符串（如 "2024-01-01T00:00:00.000Z"），不再是 Date 实例
RegExp 变成空对象 {}，NaN 和 Infinity 变成 null
遇到循环引用（比如对象 A 的属性指向对象 B，B 又指向 A），直接抛 TypeError

想控制输出内容？可用第二个参数 replacer：

// 只保留 name 和 age 字段
JSON.stringify(user, ['name', 'age']);

// 过滤掉敏感字段或转换日期
JSON.stringify(obj, (key, value) => 
  key === 'password' ? undefined : 
  value instanceof Date ? value.toISOString() : value
);

常见场景下的实用处理方式

原生 JSON 不支持 Date、BigInt、Map、Set 等类型，需手动干预：

Date：序列化前调 .toISOString()，解析后用 new Date(str) 恢复
BigInt：JSON.stringify(123n) 会报错，可借助 replacer 转为带标识的字符串，如 {"_type": "bigint", "value": "123"}
Map / Set：先转成数组或普通对象，例如 JSON.stringify(Array.from(myMap))
深拷贝：JSON.parse(JSON.stringify(obj)) 可用于纯数据对象，但会丢失函数、日期实例、正则等 —— 仅适合配置项、表单数据这类简单结构