本文详解如何安全、简洁地对包含订单→商品行→分类三层嵌套结构的数据进行过滤，重点解决因属性缺失导致的 Cannot read properties of undefined 错误，并提供健壮的函数式过滤方案。
本文详解如何安全、简洁地对包含订单→商品行→分类三层嵌套结构的数据进行过滤，重点解决因属性缺失导致的 cannot read properties of undefined 错误，并提供健壮的函数式过滤方案。
在实际电商或 POS 系统开发中，常需根据深层嵌套属性（如「订单中任一商品行的任一分类 ID」）筛选数据。你遇到的 TypeError: Cannot read properties of undefined (reading 'some') 错误，根本原因并非逻辑错误，而是 未做空值防护：当某订单的 lineItems 为 null/undefined，或某 lineItem 的 categories 缺失时，.some() 调用会直接抛出异常。
原始代码的问题在于：
this.orders.filter((order) =>
order.lineItems.some(lineItem =>
lineItem.categories.some(category => category.id === item.id)
)
);
它假设 order.lineItems 和每个 lineItem.categories 必然存在且为数组——但真实数据中，字段可能为空、缺失或为 null。
✅ 正确做法是：逐层防御性检查 + 使用可选链（?.）与空值合并（??）。以下是推荐的健壮实现：
const filterOrdersByCategory = (orders, categoryId) => {
return orders.filter(order => {
// 确保 lineItems 存在且为数组
const lineItems = order.lineItems ?? [];
return lineItems.some(lineItem => {
// 确保 categories 存在且为数组
const categories = lineItem?.categories ?? [];
return categories.some(category => category?.id === categoryId);
});
});
};
// 使用示例
const targetCategoryId = "55DYZ8T2ZVB88";
const filteredOrders = filterOrdersByCategory(orders, targetCategoryId);
console.log(`匹配到 ${filteredOrders.length} 个订单`);
? 进阶提示：若需同时匹配 id 和 name（如答案中所示），可扩展为：
const filterOrdersByCategoryExact = (orders, { id, name }) => {
return orders.filter(order => {
const lineItems = order.lineItems ?? [];
return lineItems.some(lineItem => {
const categories = lineItem?.categories ?? [];
return categories.some(cat =>
cat?.id === id && cat?.name?.toLowerCase() === name.toLowerCase()
);
});
});
};
⚠️ 注意事项：
-
永远不要信任嵌套数据的完整性：API 返回可能省略空数组字段（如无分类时
categories字段完全不存在）； - 避免使用
for循环嵌套：既降低可读性，又易引入边界错误； - 可选链
?.在lineItem.categories为null/undefined时返回undefined，再配合?? []提供默认空数组，使.some()安全调用； - 若需高性能大批量过滤，可预构建索引（如
Map<categoryid set>></categoryid>），但本场景下函数式过滤已足够高效。
总结：三层嵌套过滤的关键不是“多写几层 some”，而是用防御性编程兜底每一层潜在空值。结合 ?. 和 ??，一行安全过滤逻辑即可替代冗长的 if 判断，代码更简洁、鲁棒性更强。
