JSON与对象转换规范

Tue, 04 Mar 2025 06:58:24 +0000

考察点分析

核心能力维度：JavaScript核心API理解、数据序列化规范、异常处理能力

特殊值处理机制：对undefined、函数等非标准JSON类型的处理规则
循环引用检测：JSON.stringify的异常处理机制
JSON语法规范：与JavaScript对象字面量的差异分析
边界场景处理：嵌套对象、数组等不同数据结构的序列化表现
规范差异理解：JSON与JavaScript对象的语法兼容性问题

技术解析

关键知识点优先级

JSON序列化规范 > 循环引用检测 > 数据类型兼容性 > 语法差异

原理剖析

特殊值处理：
- undefined、函数、Symbol类型在被序列化为对象属性值时会被忽略（对象结构）
- 作为数组元素时：undefined转为null，函数/Symbol转为null（数组结构）
- Date对象自动调用toJSON()转为ISO字符串
循环引用检测：
```
 const obj = { a: 1 };
obj.self = obj; // 循环引用
JSON.stringify(obj); // 抛出TypeError
 
```
序列化过程使用递归遍历对象树，通过内部缓存检测循环引用
JSON非严格子集原因：
- 语法差异：JSON要求字符串键名必须双引号，不允许尾随逗号
- 字符转义：JSON严格规定\u2028/\u2029必须转义（JS字符串允许直接存在）
- 数值格式：JSON不支持NaN/Infinity，需转为null

常见误区

误认为数组中的undefined会被忽略（实际转为null）
期望JSON.parse()能还原函数（实际仅处理标准JSON类型）
忽略循环引用场景的异常处理导致程序崩溃

问题解答

JSON.stringify()在序列化时：

特殊值处理：对象属性中的undefined/函数/Symbol被忽略，数组项中转为null；
循环引用：检测到循环引用时抛出TypeError；
JSON非子集：因语法规范差异（引号要求/特殊字符转义）和数据类型限制（缺少JS特有类型支持），合法JSON可能在JS中无法直接解析为有效对象。

解决方案

循环引用处理示例

 function safeStringify(obj) {
 const seen = new WeakSet();
 
 return JSON.stringify(obj, (key, value) => {
 if (typeof value === 'object' && value !== null) {
 if (seen.has(value)) return '[Circular]';
 seen.add(value);
 }
 // 处理其他特殊类型
 return value instanceof Symbol ? value.toString() : value;
 }, 2);
}

const obj = { a: undefined, arr: [() => {}] };
obj.self = obj;
console.log(safeStringify(obj)); 
// 输出：{"arr":[null],"self":"[Circular]"}

优化说明：

JSON on ZiYang FrontEnd Interview

JSON与对象转换规范

考察点分析 link

技术解析 link

关键知识点优先级 link

原理剖析 link

常见误区 link

问题解答 link

解决方案 link

循环引用处理示例 link

考察点分析

技术解析

关键知识点优先级

原理剖析

常见误区

问题解答

解决方案

循环引用处理示例