本文介绍如何在键名未知且动态变化的情况下，准确获取嵌套 json 对象中所有数组属性的长度，适用于配置驱动、api 响应结构不固定等真实开发场景。
本文介绍如何在键名未知且动态变化的情况下，准确获取嵌套 json 对象中所有数组属性的长度，适用于配置驱动、api 响应结构不固定等真实开发场景。
在 JavaScript 中，当处理类似字典（即普通对象）结构的数据时，若顶层或中间层的键名是动态生成的（如 "F1.1"），而我们需要统一获取其内部所有数组字段（如 add、delete）的长度，就不能依赖硬编码的属性访问。核心思路是：先通过 Object.keys() 或 Object.entries() 动态枚举属性，再结合类型判断与 .length 安全读取。
以下是一个健壮、可复用的实现方案：
const data = {
"F1.1": {
"add": [
{ "id": 169138, "name": "volkswagen" },
{ "id": 173212, "name": "skoda" }
],
"delete": [
{ "id": 175555, "name": "mercedes" }
]
}
};
// ✅ 安全获取第一个（或任意）动态子对象，并遍历其所有数组属性
const firstKey = Object.keys(data)[0]; // 动态获取顶层键，如 "F1.1"
if (firstKey && data[firstKey] && typeof data[firstKey] === 'object') {
const targetObj = data[firstKey];
Object.entries(targetObj).forEach(([key, value]) => {
// 仅对数组类型计算长度，避免对 null/undefined/非数组报错
if (Array.isArray(value)) {
console.log(`Length of "${key}": ${value.length}`);
} else {
console.warn(`"${key}" is not an array — skipped`);
}
});
}
// 输出：
// Length of "add": 2
// Length of "delete": 1? 关键要点与注意事项：
- Object.keys(obj) 返回字符串数组，适用于获取所有可枚举自有属性名；若需同时获取值，推荐 Object.entries()（返回 [key, value] 元组），语义更清晰；
- 务必添加类型校验（Array.isArray(value)），防止因字段缺失、值为 null 或非数组类型（如对象、字符串）导致 .length 报错或返回意外结果（例如 "abc".length === 3）；
- 若存在多级动态键（如顶层键、子键均不确定），可封装为递归函数，但需明确终止条件（如只扫描指定深度，或仅在特定层级提取数组）；
- 在 TypeScript 项目中，建议为数据结构定义接口（如 interface OperationGroup { add: Item[]; delete: Item[]; }），配合类型守卫进一步提升安全性。
✅ 总结：面对动态键名的嵌套对象，“枚举 + 类型判断 + 安全访问” 是获取数组长度的黄金组合。它不依赖硬编码键名，具备良好的扩展性与鲁棒性，是现代前端数据处理中的基础实践模式。
立即学习“Java免费学习笔记（深入）”；
