如何检测嵌套对象中的空值？现有方法无法识别嵌套对象内的null值

要解决嵌套对象内部空值无法被检测的问题，我们需要修改isEmpty函数，让它能够递归遍历对象和数组的所有层级，只要发现任意一个符合定义的空值就返回true。

修改后的isEmpty函数 #

export const isEmpty = (value) => {
  // 基础空值判断：undefined 或 null
  if (value === undefined || value === null) {
    return true;
  }
  // 空字符串（去除首尾空格后）
  if (typeof value === 'string' && value.trim().length === 0) {
    return true;
  }
  // 数组：递归检查每一个元素
  if (Array.isArray(value)) {
    return value.some(item => isEmpty(item));
  }
  // 普通对象：排除Date等特殊对象，递归检查所有属性值
  if (typeof value === 'object' && !(value instanceof Date)) {
    return Object.values(value).some(val => isEmpty(val));
  }
  // 其他情况均不属于空值
  return false;
};

逻辑说明 #

1. 基础空值处理：优先判断undefined、null和空字符串（去除首尾空格），这些是最直接的空值情况。
2. 数组递归检查：如果传入的是数组，用some遍历每个元素，只要有一个元素被判定为空，就返回true。
3. 对象递归检查：针对普通对象（排除Date这类特殊对象避免误判），遍历所有属性值并递归检查，只要存在空值就返回true。
4. 非空值返回：所有不符合上述情况的，都判定为非空值，返回false。

原Effect逻辑的兼容性 #

你的useEffect代码不需要修改，修改后的isEmpty会自动处理嵌套结构，还可以简化if-else逻辑：

useEffect(() => {
  if (offerData) {
    let myObject = { ...offerData };
    const { SummaryOfChanges, ...newObject } = myObject;
    
    setCheckIfEmpty(Object.values(newObject)?.some((x) => isEmpty(x)));
  }
}, []);

测试示例对象 #

对于你提供的示例：

offerData : {
  valueOne : "hello",
  objectOne : { 
    valueOne: 'Hello', 
    valueTwo : null}
}

isEmpty(objectOne)会递归检查到valueTwo: null，返回true，因此Object.values(newObject).some(...)结果为true，最终setCheckIfEmpty(true)，符合预期。

内容的提问来源于stack exchange，提问作者Elodie Muller