本文介绍在 JavaScript 中高效判断嵌套对象内多个子对象的特定键（如 value）是否全部为空字符串（或统一为“空”状态）的实用方法，重点推荐使用 Object.values() 与 Array.prototype.every() 的组合方案。
本文介绍在 javascript 中高效判断嵌套对象内多个子对象的特定键（如 `value`）是否**全部为空字符串**（或统一为“空”状态）的实用方法，重点推荐使用 `object.values()` 与 `array.prototype.every()` 的组合方案。
在处理表单配置、动态选项列表或 UI 组件状态时，常需校验嵌套结构中一组子对象的某个字段（例如 value）是否全部为空。以如下数据结构为例：
const obj = {
options: {
opt1: { value: '', state: false },
opt2: { value: '', state: false },
opt3: { value: '', state: false },
}
};
目标是：当 obj.options 下每个子对象的 value 均为空字符串 '' 时，返回 true；只要有一个非空，即返回 false。
✅ 推荐方案：Object.values() + every()
最简洁、可读性高且语义明确的方式是将 options 的所有值转为数组，再用 every() 进行全量断言：
const allValuesEmpty = Object.values(obj.options).every(opt => opt.value === ''); console.log(allValuesEmpty); // true
✅ 优势说明：
- Object.values(obj.options) 安全提取所有子对象（忽略原型链，不依赖 for...in 的可枚举性问题）；
- every() 短路执行：遇到第一个 opt.value !== '' 即终止遍历，性能更优；
- 代码无副作用、纯函数式，易于测试与复用。
⚠️ 注意事项与增强建议
-
“空”的定义需明确：若业务中 ' '（空格）、null、undefined、0 或 false 也视为“空”，应扩展判断逻辑：
const isEmpty = (val) => val == null || val === '' || (typeof val === 'string' && val.trim() === ''); const allValuesEmpty = Object.values(obj.options).every(opt => isEmpty(opt.value));
-
健壮性兜底：避免 obj.options 为 null 或 undefined 导致运行时错误：
const allValuesEmpty = obj?.options ? Object.values(obj.options).every(opt => opt?.value === '') : true; // 或根据业务设为 false / throw error
❌ 避免原始 for...in 方案的问题：
原始代码中 for (const key in obj) 遍历的是顶层 obj（即 options 键），而非 options 内部的 opt1/opt2；且 return 位置错误导致仅检查第一个属性即退出，逻辑不可靠。
✅ 封装为可复用工具函数
/**
* 检查嵌套对象中指定路径下所有子项的某个键是否全部满足条件
* @param {Object} obj - 源对象
* @param {string} path - 点分隔路径，如 'options'
* @param {string} key - 待检查的键名，如 'value'
* @param {Function} predicate - 判定函数，默认为 === ''
* @returns {boolean}
*/
function allNestedKeyMatch(obj, path, key, predicate = (v) => v === '') {
const target = path.split('.').reduce((o, k) => o?.[k], obj);
return target && typeof target === 'object'
? Object.values(target).every(item => predicate(item?.[key]))
: false;
}
// 使用示例
console.log(allNestedKeyMatch(obj, 'options', 'value')); // true
console.log(allNestedKeyMatch(obj, 'options', 'state', v => v === false)); // true
掌握这一模式，不仅能精准解决当前需求，还可灵活适配多层嵌套、动态键名及复杂空值语义场景，是前端数据校验中的基础而关键的能力。
