Angular2如何筛选idProduct在指定集合中的对象数组

嗨，我来帮你搞定这个数组筛选的问题！核心思路是先把选中产品的id集合提取出来，再用这个集合去匹配目标数组里的元素，具体有两种实用的实现方式：

方法1：数组includes法（适合小数据量，写法直观） #

先把sel数组里所有产品的idProduct提取成一个纯id数组，然后在filter里用includes判断当前元素的id是否在这个数组里：

// 提取选中产品的id列表
const selectedIds = sel.map(product => product.idProduct);
// 执行筛选
const filteredItems = items.filter(item => selectedIds.includes(item.idProduct));

方法2：Set集合优化法（适合大数据量，性能更优） #

如果你的sel数组元素较多，用Set的has方法会比数组includes快很多（Set的查找时间复杂度是O(1)，数组是O(n)）：

// 将选中的id存入Set集合
const selectedIdSet = new Set(sel.map(product => product.idProduct));
// 执行筛选
const filteredItems = items.filter(item => selectedIdSet.has(item.idProduct));

额外提示 #

这两种方法都比在filter里嵌套遍历sel（比如items.filter(item => sel.some(p => p.idProduct === item.idProduct))）高效得多，尤其是数据规模大的时候，能避免不必要的重复遍历。如果你的idProduct是字符串、数字这类基础类型，直接用上面的代码就没问题啦！

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