如何检查嵌套对象中所有指定键（如 value）的值是否为空-js教程-PHP中文网

本文介绍在 JavaScript 中高效判断嵌套对象内多个子对象的特定键（例如 value）是否全部为空值（如 ''、null、undefined 等）的实用方法，重点推荐使用 Object.values() 与 Array.every() 的组合方案。

本文介绍在 javascript 中高效判断嵌套对象内多个子对象的特定键（例如 `value`）是否**全部为空值**（如 `''`、`null`、`undefined` 等）的实用方法，重点推荐使用 `object.values()` 与 `array.every()` 的组合方案。

在处理表单配置、动态选项或 UI 组件状态时，常需校验嵌套结构中某一字段（如 value）是否对所有子项均为空。以如下数据为例：

const obj = {
  options: {
    opt1: { value: '', state: false },
    opt2: { value: '', state: false },
    opt3: { value: '', state: false },
  }
};

目标是：当 obj.options 下每个子对象的 value 均为空字符串（''）时，返回 true；任一 value 非空，则返回 false。

✅ 推荐方案：Object.values() + Array.every()

最简洁、可读性高且符合函数式编程习惯的方式是提取所有子对象，再统一校验：

const everyOptionHasEmptyValue = Object.values(obj.options).every(option => option.value === '');
console.log(everyOptionHasEmptyValue); // true

Object.values(obj.options) 将 options 对象的值（即 {value: ..., state: ...}）转为数组：
[ {value: '', state: false}, {value: '', state: false}, {value: '', state: false} ]
.every(...) 遍历该数组，要求每一项都满足条件才返回 true，天然契合“全部为空”的语义。

? 支持更健壮的“空值”判断

若业务中“空”不仅指 ''，还包括 null、undefined、空白字符串（含空格）、0（视需求而定），可升级判断逻辑：

const isEmptyValue = (val) => 
  val === null || 
  val === undefined || 
  val === '' || 
  (typeof val === 'string' && val.trim() === '');

const allValuesEmpty = Object.values(obj.options).every(opt => isEmptyValue(opt.value));

⚠️ 注意事项

❌ 原始 for...in 循环存在严重问题：它遍历的是 obj 的顶层键（如 'options'），而非 options 内部的 opt1/opt2，且逻辑中过早 return true 导致仅检查第一个属性即终止。
✅ Object.values() 自动忽略原型链属性，安全可靠；若需兼容旧环境（如 IE），可用 Object.keys(obj.options).map(key => obj.options[key]) 替代。
? 若需同时检查多级嵌套（如 options.opt1.config.value），建议封装为递归工具函数或使用 Lodash 的 get() + isEmpty() 组合。

✅ 总结

判断嵌套对象中所有同名键是否为空，核心在于：
① 精准定位目标层级（此处为 obj.options 的直接子对象）；
② 统一转换为数组（Object.values()）；
③ 语义化校验（every() 表达“全部满足”）。
该模式简洁、可维护、易于测试，是现代 JavaScript 处理此类校验的首选实践。