Angular中如何筛选包含指定客户ID的员工列表？

为啥你的代码报错？ #

你搞反了层级逻辑：

• this.staffModelList是员工数组，不是单个员工对象，直接访问它的clientList肯定返回undefined，后续调用filter自然会抛出Cannot read properties of undefined的错误。
• 你的需求是找到包含指定客户ID的员工，不是从某个员工的客户列表里筛选客户，逻辑方向完全错了。

正确代码实现 #

const targetClientId = 123; // 替换成你实际要筛选的ClientId
const newStaffList = this.staffModelList?.filter(staff => {
    // 员工没有客户列表直接跳过
    if (!staff.clientList) return false;
    // 检查该员工的客户中是否存在目标ID的客户
    return staff.clientList.some(client => client.ClientId === targetClientId);
}) || []; // 防止staffModelList为undefined时返回null，直接返回空数组兜底

关键细节说明 #

• 用filter遍历员工数组，逐个判断员工是否符合条件
• 用some替代filter检查客户列表：some只要找到匹配项就会终止遍历，在客户数量较多时性能更优
• 增加了staff.clientList的空值判断，避免员工没有客户时触发报错
• 最后用|| []兜底，确保结果永远是数组类型，避免后续操作出现异常

内容的提问来源于stack exchange，提问作者CodeMan03