当前位置：首页 > 文章列表 > 文章 > 前端 > JSON.stringify与parse处理复杂对象的限制

JSON.stringify与parse处理复杂对象的限制

2025-10-19 08:45:34 0浏览收藏

有志者，事竟成！如果你在学习文章，那么本文《JSON.stringify 和 JSON.parse 在处理复杂对象时存在以下限制： 1. **循环引用**：如果对象中存在循环引用（如 `obj.a = obj`），`JSON.stringify` 会抛出错误，无法序列化。 2. **函数和 undefined**：`JSON.stringify` 会忽略对象中的函数和 `undefined` 值，只保留可序列化的数据类型（如字符串、数字、布尔值、数组、对象等）。 3. **Symbol 类型**：`JSON.stringify` 会跳过 `Symbol` 类型的键。 4. **特殊对象**：如 `Date`、`RegExp` 等内置对象会被转换为字符串形式，而不是保留其原始类型。 5. **NaN、Infinity、-Infinity**：这些值会被转换为 `null`。 6. **原型链属性**：`JSON.stringify` 只序列化对象自身的可枚举属性，不包括继承的属性。 7. **JSON.parse 的限制**：`JSON.parse` 仅能解析标准的 JSON 格式，不能解析带有函数或特殊对象的结构。如果 JSON 字符串中包含函数或 `undefined`，`JSON.parse` 会抛出错误。 8. **大对象性能问题**：对于非常大的对象或嵌套结构，`JSON.stringify` 和 `JSON.parse` 可能会导致性能下降，甚至内存溢出。 9》，就很适合你！文章讲解的知识点主要包括，若是你对本文感兴趣，或者是想搞懂其中某个知识点，就请你继续往下看吧~

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 方法在序列化复杂对象时有何限制？

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 对以下值的处理方式会导致信息丢失：

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 只序列化对象的可枚举自有属性，不包含原型上的属性。反序列化后得到的是一个纯普通对象，失去原有类结构。

例如：

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 方法适合简单数据交换，不适合保存对象完整行为和结构。不复杂但容易忽略。

到这里，我们也就讲完了《JSON.stringify与parse处理复杂对象的限制》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！