司机ID过滤及代码报错排查：如何生成正确的空闲司机列表？

首先，咱们来拆解你遇到的两个核心问题：报错Cannot read property 'filter' of undefined，以及过滤逻辑不符合预期。

1. 报错原因分析 #

你的现有代码直接对e.array调用filter，但没有做防御性检查——如果fetchAgent里某条数据没有array属性（或者array不是数组），就会触发这个报错。虽然当前给定的fetchAgent数据都有array，但为了代码健壮性必须处理这种情况。

2. 过滤逻辑错误 #

busyAgent.indexOf("" + a.fleet_id)返回的是元素在数组中的索引：

• 当找到匹配项时，返回非负整数（比如0），而0在布尔判断中会被视为false，导致本该过滤的司机被保留
• 当找不到匹配项时，返回-1，会被视为true，导致不该过滤的司机被排除
  这完全和你的需求逻辑相反了！

修正后的完整代码 #

var fetchAgent = [{ "tag": "", "array": [{ "device_type": 0, "fleet_id": 24117, "eta": 0 }] }, { "tag": "", "array": [{ "device_type": 0, "fleet_id": 23691, "eta": 0 }] }];
var busyAgent = ['24102', '24103', '24117'];

let freeDrivers;
if (Array.isArray(busyAgent) && busyAgent.length > 0) {
  freeDrivers = fetchAgent.map(e => {
    // 防御性检查：确保e.array是数组，避免filter报错
    const filteredArray = Array.isArray(e.array) 
      ? e.array.filter(a => !busyAgent.includes(String(a.fleet_id)))
      : [];
    // 返回新对象，避免修改原fetchAgent的引用数据
    return { ...e, array: filteredArray };
  }).filter(item => item.array.length > 0); // 过滤掉array为空的条目
} else {
  freeDrivers = [...fetchAgent]; // 浅拷贝原数组，避免修改原数据
}

console.log(JSON.stringify(freeDrivers));
// 输出：[{"tag":"","array":[{"device_type":0,"fleet_id":23691,"eta":0}]}]

关键改动说明 #

• 防御性检查：用Array.isArray(e.array)确保调用filter前array是有效数组，避免报错
• 修正过滤逻辑：用!busyAgent.includes(String(a.fleet_id))替代indexOf，逻辑更直观——当司机的fleet_id不在busyAgent中时，才保留
• 避免污染原数据：用对象展开运算符{ ...e }创建新对象，而不是直接修改原e.array；原数组也用[...fetchAgent]浅拷贝
• 过滤空条目：最后用.filter(item => item.array.length > 0)移除那些array被过滤后为空的条目，符合你预期的输出结构

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