如何使用JavaScript通过id与assignId属性过滤对象数组

你需要从arrobj1中筛选出id属性存在于arrobj2的assignId属性集合中的对象，原代码的核心问题是filter回调函数未返回匹配结果，导致过滤逻辑失效，以下是修正及优化方案：

问题诊断 #

你的filter回调函数内部调用了arrobj2.find()，但没有返回该方法的执行结果。find()找到匹配项时会返回对应对象（真值），找不到则返回undefined（假值），但由于缺少return，filter接收的回调返回值始终是undefined，最终会过滤掉所有元素。

基础修正版 #

直接补充return语句，或者使用箭头函数的隐式返回：

// 显式返回
const result = arrobj1.filter(arr1 => {
  return arrobj2.find(arr2 => arr2.assignId === arr1.id);
});

// 隐式返回（更简洁）
const result = arrobj1.filter(arr1 => arrobj2.find(arr2 => arr2.assignId === arr1.id));

性能优化版（推荐） #

如果数组元素较多，上述方法每次过滤都要遍历整个arrobj2，时间复杂度为O(n*m)。可以先将arrobj2的assignId提取到Set中，利用Set的O(1)查找特性优化性能：

var arrobj1 = [
 {id: 1, name: 'xxx', value:100},
 {id: 2, name: 'yyy', value:200},
 {id: 3, name: 'zzz', value:400}
];

var arrobj2 = [
 {country: 'IN', name: 'lina', assignId:2},
 {country: 'MY', name: 'john', assignId:3},
 {country: 'SG', name: 'peter', assignId:6}
];

// 提取所有assignId到Set
const assignIdSet = new Set(arrobj2.map(item => item.assignId));
// 过滤匹配的对象
const result = arrobj1.filter(item => assignIdSet.has(item.id));

console.log(result);

执行后会得到预期结果：

[
 {id: 2, name: 'yyy', value:200},
 {id: 3, name: 'zzz', value:400}
]

方法对比 #

• 基础修正版：代码简洁，适合小规模数组。
• Set优化版：时间复杂度降至O(n+m)，处理大数据量时性能优势明显。

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