如何逐个检测JavaScript对象中的单个属性值是否为空

核心需求说明 #

需要遍历对象的每一个属性，单独判断每个属性的空值状态，而非仅判断所有属性是否全为空。

单层对象场景（属性为基础类型值） #

直接遍历对象键，逐个判断每个键对应的值是否为空即可：

const coverDesc = action.data.coverDescriptionLocalization;
for (const key in coverDesc) {
  if (coverDesc.hasOwnProperty(key)) {
    const currentValue = coverDesc[key];
    // 可根据业务需求调整空值判定规则，比如是否需要把0、false也判定为空
    const isEmpty = currentValue === null || currentValue === undefined || currentValue === '';
    console.log(`属性${key}的空值状态：`, isEmpty ? '空' : '非空');
  }
}

嵌套对象场景（属性值仍为子对象，需判断子对象是否全空） #

如果coverDesc的属性值是嵌套对象，需要先判断子对象本身是否为空，再判断子对象的所有属性是否全为空：

const coverDesc = action.data.coverDescriptionLocalization;
for (const key in coverDesc) {
  if (coverDesc.hasOwnProperty(key)) {
    const childObj = coverDesc[key];
    // 先判断子对象本身为空的情况
    if (childObj === null || childObj === undefined) {
      console.log(`属性${key}的空值状态：空`);
      continue;
    }
    // 判断子对象所有属性是否全为空
    const isChildAllEmpty = Object.values(childObj).every(x => x === null || x === undefined || x === '');
    console.log(`属性${key}的空值状态：`, isChildAllEmpty ? '子对象全空' : '非空');
  }
}

原代码问题说明 #

• 方法1使用every方法，仅当对象所有属性都满足空条件时才会返回true，只能实现全对象空值检测，无法输出单个属性的检测结果
• 方法2已经实现了属性遍历逻辑，仅缺少属性名的关联输出，补充后即可实现逐个检测的需求

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