本文介绍在 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 处理此类校验的首选实践。
