如何利用 JSON 方法深拷贝实现对复杂原始业务对象“深层空值”的快速检测

落伟酱_3693

落伟酱_3693

2026-05-21

473人浏览

原创

JSON.parse(JSON.stringify(obj))无法检测深层空值,因其会静默丢弃undefined、function等并转换Date、NaN等,导致结构失真;可借其序列化副作用(键数减少、出现null、抛循环引用错误)做快速初筛,但精确定位需递归遍历或JSONPath。

如何利用 json 方法深拷贝实现对复杂原始业务对象“深层空值”的快速检测

直接用 JSON.parse(JSON.stringify(obj)) 无法检测“深层空值”,它只会把 null、undefined、function、Symbol、Date、RegExp 等类型丢弃或转义,导致原始结构失真——比如 undefined 消失、Date 变字符串、循环引用直接报错。所以不能靠 JSON 方法“检测”,但可以**结合 JSON 序列化行为的副作用,反向识别潜在空值风险点**,实现快速初筛。

为什么 JSON.stringify 会暴露深层空值问题

JSON 标准不支持以下值,stringify 会静默处理:

  • undefined → 被忽略(对象中该 key 消失,数组中变成 null)
  • function、Symbol → 被忽略
  • NaN、Infinity、-Infinity → 转为 null
  • Date 对象 → 转为 ISO 字符串(失去 Date 类型语义)
  • undefined 或 null 作为对象属性值时,若后续逻辑依赖其存在性,就可能引发运行时错误

利用 JSON 行为做空值快检的三步法

不真正深拷贝,而是借 JSON.stringify 的“过滤敏感值”特性,捕获结构异常:

arcgis-js
arcgis-js

提供 ArcGIS Maps SDK for JavaScript 开发辅助,涵盖 2D/3D 地图视图、图层管理、数据可视化、空间分析等功能模块的参考和示例指导。

下载
  • 比对键名数量:对原始对象调用 Object.keys(obj)(浅层),再对 JSON.stringify(obj) 后解析的对象做同样操作,若键数减少,说明有 undefined 属性被丢弃
  • 检查数组元素空缺:原数组含 undefined(如 [1, undefined, 3]),JSON.stringify 输出 [1,null,3];可正则匹配 "null" 出现在数组位置,提示潜在空值
  • 监听序列化异常:尝试 JSON.stringify(obj),捕获 TypeError: Converting circular structure to JSON —— 循环引用本身虽非“空值”,但常与未初始化的引用字段(如 user.profile = null)共存,是空值高发区信号

轻量级检测函数示例

以下函数不递归遍历,仅用 JSON 行为触发快速预警:

function detectDeepNulls(obj) {
  const warnings = [];
  try {
    const str = JSON.stringify(obj);
    // 检查是否含 'null' 且不在字符串值内(简化判断,适用于多数业务对象)
    if (str.includes('null') && !/:"null"/.test(str)) {
      warnings.push('发现疑似 undefined/NaN/Infinity 被转为 null');
    }
    // 尝试解析回对象,对比原始结构
    const parsed = JSON.parse(str);
    const originalKeys = getFlatKeys(obj);
    const parsedKeys = getFlatKeys(parsed);
    if (originalKeys.length > parsedKeys.length) {
      warnings.push(`键数量减少:${originalKeys.length} → ${parsedKeys.length},可能存在 undefined 属性`);
    }
  } catch (e) {
    if (e.message.includes('circular')) {
      warnings.push('检测到循环引用 —— 高概率存在未初始化的深层引用字段');
    }
  }
  return warnings.length ? warnings : ['未发现 JSON 层面可识别的深层空值风险'];
}

// 简单扁平取键(仅一层,够用作初筛)
function getFlatKeys(obj) {
  if (Array.isArray(obj)) return obj.map((_, i) => `[${i}]`);
  if (obj !== null && typeof obj === 'object') {
    return Object.keys(obj);
  }
  return [];
}

真正要定位深层空值,得换方法

JSON 方法只适合“快筛”,不是检测工具。要准确定位哪个路径存在 null 或 undefined,推荐:

  • 用 JSONPath 表达式 $..[?(@ == null || @ == undefined)](需支持扩展语法的库)
  • 写一个带路径记录的递归遍历,遇到 null/undefined 就输出完整路径,例如 user.address.street
  • 在开发环境启用严格模式 + 自定义序列化钩子(如 replacer 函数),在 JSON.stringify(obj, replacer) 中拦截并告警

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

js json

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

2023.08.07

2235

5

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.23

3582

1

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

2023.10.13

1196

3

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

2025.09.10

4119

7

数据类型有哪几种
数据类型有哪几种

数据类型有整型、浮点型、字符型、字符串型、布尔型、数组、结构体和枚举等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2023.10.31

3271

5

php数据类型
php数据类型

本专题整合了php数据类型相关内容,阅读专题下面的文章了解更多详细内容。

2025.10.31

554

9

c语言 数据类型
c语言 数据类型

本专题整合了c语言数据类型相关内容,阅读专题下面的文章了解更多详细内容。

2026.02.12

542

19

Uvicorn 报错与问题解决教程
Uvicorn 报错与问题解决教程

本专题汇总了Uvicorn服务器常见问题与报错解决的教程合集,涵盖启动失败、端口占用、模块导入错误、事件循环冲突及热重载失效等典型故障的排查思路。同时整理了多进程与Worker配置、SSL/HTTPS证书报错、跨域与代理配置等实战解决方案,助你快速定位并解决Uvicorn运行中的各类问题。

2026.11.02

0

14

Uvicorn使用教程
Uvicorn使用教程

本专题汇总了Uvicorn使用教程与启动运行指南,涵盖其作为Python ASGI服务器的定位与特点,以及命令行启动(uvicorn main:app --reload)、参数配置(host/port/workers)、程序内嵌运行与Gunicorn结合部署等核心用法。同时整理了热重载调试、日志配置与生产环境部署优化等技巧,助你快速掌握Uvicorn的运行与配置。

2026.11.02

0

17

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WEB前端教程【HTML5+CSS3+JS】
WEB前端教程【HTML5+CSS3+JS】

共101课时 | 21.3万人学习

JS进阶与BootStrap学习
JS进阶与BootStrap学习

共39课时 | 4.9万人学习