JavaScript中如何在filter函数内遍历内部数组？解决过滤结果为空问题

你的代码返回空数组的原因很明确：carIds.map((val) => val) 会直接返回原数组['100', '101']，而val.id是单个字符串值，用===将单个字符串和数组做全等比较永远不会成立，因此filter没有匹配到任何元素。

下面是两种正确的实现方式：

方式一：使用Array.includes()直接判断（适合小规模数组） #

const carIds = ['100', '101'];
const carsList = [{name: 'BMW', id: '100'}, {name: 'Jeep', id: '101'}, {name: 'Audi', id: '103'}];
const result = carsList.filter((car) => carIds.includes(car.id));
console.log('result', result);

这个方法逻辑简单直接，直接判断当前车辆的id是否存在于carIds数组中，满足条件的元素会被保留下来。

方式二：使用Set优化查找性能（适合大规模数组） #

如果carIds数组元素较多，数组的includes方法每次查找的时间复杂度是O(n)，而Set的has方法是O(1)，能显著提升效率：

const carIds = ['100', '101'];
const carsList = [{name: 'BMW', id: '100'}, {name: 'Jeep', id: '101'}, {name: 'Audi', id: '103'}];
const carIdSet = new Set(carIds);
const result = carsList.filter((car) => carIdSet.has(car.id));
console.log('result', result);

需要注意的是，你之前用map的操作完全多余，map的作用是遍历数组并返回一个新数组，在这里并不能帮你完成“判断id是否存在”的逻辑，反而会导致错误的比较。

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