JavaScript筛选不在指定ID数组的项方法

珍惜时间，勤奋学习！今天给大家带来《筛选数组中 ID 不在指定数字数组的项，可以通过 JavaScript 中的 filter() 方法结合 includes() 或 Set 来实现。以下是几种常见方式：✅ 方法一：使用 filter() 和 includes()const array = [ { id: 1, name: 'Alice' }, { id: 2, name: 'Bob' }, { id: 3, name: 'Charlie' } ]; const excludeIds = [2, 4]; const filteredArray = array.filter(item => !excludeIds.includes(item.id)); console.log(filteredArray); // 输出: [{ id: 1, name: 'Alice' }, { id: 3, name: 'Charlie' }]✅ 方法二：使用 filter() 和 Set（性能更优）const excludeIdsSet = new Set([2, 4]); const filteredArray = array.filter(item => !excludeIdsSet.has(item.id)); console.log(filteredArray); // 输出: [{ id: 1, name: 'Alice' }, { id: 3, name: 'Charlie' }]✅ 方法三：使用 reduce() 实现（可选） const filteredArray = array.reduce((acc, item) => { if (!excludeIds.includes(item.id)) { acc.push(item); } return acc; },》，正文内容主要涉及到等等，如果你正在学习文章，或者是对文章有疑问，欢迎大家关注我！后面我会持续更新相关内容的，希望都能帮到正在学习的大家！

本文介绍如何使用 JavaScript 的 `filter()` 与 `includes()` 方法，高效筛选出对象数组中 `id` 属性**不匹配**给定数字数组的元素。

在实际开发中，我们常需对比两个数据集——例如，从一组位置对象中排除已选中的 ID（如用户已勾选的选项），或识别待同步/待删除的记录。核心需求是：找出对象数组中 id 值未出现在目标 ID 数组里的所有项。

实现这一逻辑最简洁、可读性最强的方式是结合 Array.prototype.filter() 与 Array.prototype.includes()：

const ids = [60, 1456];
const data = [
  { id: 60, itemName: 'Main Location - Cleveland' },
  { id: 1453, itemName: 'Second Location - Cleveland' },
  { id: 1456, itemName: 'Third Location - New York' }
];

const unmatchedItems = data.filter(({ id }) => !ids.includes(id));
console.log(unmatchedItems);
// 输出:
// [
//   { id: 1453, itemName: 'Second Location - Cleveland' }
// ]

✅ 关键点解析：

• filter() 遍历 data 数组，对每个对象执行测试函数；
• 解构参数 ({ id }) 直接提取 id 字段，提升代码简洁性；
• !ids.includes(id) 判断该 id 是否不存在于 ids 数组中（注意取反逻辑）；
• 返回新数组，不修改原数组，符合函数式编程最佳实践。

⚠️ 注意事项：

• 若 ids 数组较大（如 > 10,000 项），includes() 的线性查找（O(n)）可能影响性能；此时建议先将 ids 转为 Set，再用 has() 实现 O(1) 查找：

  const idSet = new Set(ids);
  const unmatchedItems = data.filter(({ id }) => !idSet.has(id));

• 确保 id 类型一致（如均为数字）；若存在字符串 '60' 与数字 60 混用，includes() 会因严格相等而返回 false，必要时统一类型（如 Number(id) 或 String(id)）。

综上，该方案以最小代码量、最高可读性解决“属性值是否包含于某数组”的常见判定问题，适用于前端列表过滤、权限校验、差异比对等多种场景。

本篇关于《JavaScript筛选不在指定ID数组的项方法》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！