如何从对象数组中筛选出与另一数组值匹配的对象？

你可以用JavaScript的filter方法配合数组/集合查找来实现需求，以下是两种可行方式：

基础实现 #

直接使用Array.includes()检查每个选项的value是否存在于incomingArray中：

const filteredRaces = raceOptions.filter(option => incomingArray.includes(option.value));

执行后，filteredRaces会得到[{ value: "Asian", label: "Asian" }]，完全符合预期。

性能优化版（适合大数据量场景） #

如果incomingArray元素较多，建议先把它转成Set——集合的查找效率是O(1)，比数组的O(n)更快：

// 先将数组转为集合，提升查找速度
const incomingValueSet = new Set(incomingArray);
// 过滤出符合条件的对象
const filteredRaces = raceOptions.filter(option => incomingValueSet.has(option.value));

原理说明 #

filter方法会遍历raceOptions中的每一个对象，对每个对象执行判断逻辑：如果它的value属性存在于目标数组/集合中，就把这个对象保留到结果数组里，最终得到你需要的新对象数组。

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