JavaScript 的 JSON.stringify 和 JSON.parse 方法在序列化复杂对象时有何限制？

JSON.stringify与parse在处理复杂对象时存在四大限制：1. 循环引用会抛错，需用flatted或replacer函数解决；2. undefined、function、symbol被忽略，NaN、Infinity转为null，RegExp变空对象，Date转字符串但不还原；3. 原型链和方法丢失，反序列化后无法调用原对象方法；4. Map、Set、TypedArray等特殊对象无法正确序列化，数据或类型丢失。建议使用structuredClone或专用库进行完整对象复制。

JavaScript 的 JSON.stringify 和 JSON.parse 方法虽然常用于对象序列化和反序列化，但在处理复杂对象时存在多个限制。这些限制可能导致数据丢失、类型错误或无法正确还原原始对象状态。

1. 无法处理循环引用

当对象中存在循环引用（即某个属性直接或间接引用自身）时，JSON.stringify 会抛出错误。

const obj = { name: "test" };
obj.self = obj;
JSON.stringify(obj); // 抛出 TypeError: Converting circular structure to JSON

解决方法是使用第三方库（如 flatted）或传入自定义的 replacer 函数来过滤掉循环引用。

2. 特殊值会被忽略或转换

JSON.stringify 对以下值的处理方式会导致信息丢失：

立即学习“Java免费学习笔记（深入）”；

• undefined、function、symbol 会被忽略（在对象中）或转为 null（在数组中）
• NaN 和 Infinity 被转换为 null
• RegExp 对象变成空对象 {}
• Date 对象被转换为字符串（ISO 格式），但 JSON.parse 不会自动还原为 Date 实例

const data = {
  a: undefined,
  b: function() {},
  c: /abc/,
  d: new Date(),
  e: NaN
};
JSON.stringify(data);
// 输出：{"c":{},"d":"2024-01-01T00:00:00.000Z","e":null}
// 原始类型信息已丢失

3. 无法保留对象的原型链和构造函数信息

JSON.stringify 只序列化对象的可枚举自有属性，不包含原型上的属性。反序列化后得到的是一个纯普通对象，失去原有类结构。

序列猴子开放平台

具有长序列、多模态、单模型、大数据等特点的超大规模语言模型

0

查看详情

class Person {
  constructor(name) {
    this.name = name;
  }
  greet() {
    return "Hello, " + this.name;
  }
}
const p = new Person("Alice");
const str = JSON.stringify(p);
const restored = JSON.parse(str);
restored.greet(); // 报错：greet is not a function

方法和原型链在序列化过程中完全丢失。

4. Map、Set、TypedArray 等特殊对象无法正确序列化

这些内置对象在经过 JSON.stringify 后会变成空对象或数组以外的结构，导致数据丢失。

const map = new Map([["key", "value"]]);
JSON.stringify(map); // "{}"

const set = new Set([1, 2, 3]);
JSON.stringify(set); // "{}"

const arr = new Uint8Array([1, 2, 3]);
JSON.stringify(arr); // "[1,2,3]" —— 变成普通数组，类型丢失

虽然 TypedArray 能保留数值，但其类型和功能特性无法恢复。

基本上就这些常见限制。如果需要完整序列化复杂对象，建议使用专门的库如 structuredClone（现代浏览器支持）、lodash 的深拷贝，或自定义序列化逻辑。JSON 方法适合简单数据交换，不适合保存对象完整行为和结构。不复杂但容易忽略。

以上就是JavaScript 的 JSON.stringify 和 JSON.parse 方法在序列化复杂对象时有何限制？的详细内容，更多请关注php中文网其它相关文章！