JS数组过滤实现：根据ID匹配提取含完整数据的元素

嘿，这个需求其实挺常见的，我来给你捋捋最简单高效的实现方式～

首先明确你的核心需求：我们有一个带完整业务数据的数组arr1（每个元素是包含ID和其他键的对象），还有一个仅存目标ID的数组arr2，需要从arr1里挑出那些ID出现在arr2中的元素，同时保留arr1里的完整数据。

最优实现方案（高效版） #

为了提升查找效率（尤其是当arr1和arr2数据量很大时），我们可以先把arr2转换成Set（集合），因为Set的查找操作时间复杂度是O(1)，比数组的includes方法（O(n)）快得多。

具体代码示例如下：

// 模拟你的arr1：包含完整数据的对象数组
const arr1 = [
  { id: 1, name: "Alice", department: "Engineering" },
  { id: 2, name: "Bob", department: "Marketing" },
  { id: 3, name: "Charlie", department: "Design" },
  { id: 4, name: "David", department: "Sales" },
  { id: 5, name: "Eve", department: "HR" }
];

// 模拟你的arr2：仅包含目标ID的数组
const arr2 = [3, 5];

// 第一步：把arr2转换成Set，优化查找性能
const targetIdSet = new Set(arr2);

// 第二步：用filter筛选arr1中ID在Set里的元素
const filteredResult = arr1.filter(item => targetIdSet.has(item.id));

console.log(filteredResult);
// 输出结果：
// [
//   { id: 3, name: "Charlie", department: "Design" },
//   { id: 5, name: "Eve", department: "HR" }
// ]

简化版（适合小数据量） #

如果你的数据量很小，也可以直接用数组的includes方法，代码更简洁，但性能略逊于Set方案：

const filteredResult = arr1.filter(item => arr2.includes(item.id));

注意事项 #

• 如果你的arr1中存储ID的键不是id（比如是userId、productId），只需要把代码里的item.id改成对应的键名即可，比如item.userId。
• Set方案的优势在数据量越大时越明显，当arr2有上百个甚至更多元素时，能显著减少查找时间。

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