如何用多元素数组过滤另一数组？代码失效问题排查

嘿，我来帮你把这个逻辑掰明白～你的代码之所以在array2有多个元素时失效，核心是用错了some()的判断逻辑，咱们一步步拆解：

先看你当前代码的问题 #

你写的过滤逻辑是：

this.array1 = this.array1.filter(item => this.array2.some(f => f !== item));

some()方法的特性是：只要数组里有任意一个元素满足回调条件，就返回true。咱们拿你的例子代入测试：

• 当array1的元素是3时，array2是[3,4]，回调里的f !== item会先判断3 !== 3（false），接着判断4 !== 3（true）——这时候some()直接返回true，filter就会把3留下来，完全违背了你要过滤掉它的需求！
• 同理，array1里的4也会因为array2里的3 !== 4为true，被错误保留。

正确的写法 #

你真正要的逻辑是：保留array2中不包含的元素，有两种简单靠谱的实现方式：

方式1：用includes()直接判断（最直观） #

includes()会直接返回元素是否存在于数组中，取反就能得到“不在array2里”的元素：

this.array1 = this.array1.filter(item => !this.array2.includes(item));

代入你的例子，过滤后array1会变成[1,2,5]，完全符合预期。

方式2：用Set优化性能（适合array2元素很多的场景） #

如果array2的元素数量很大，数组的includes()性能会偏低，这时候可以把array2转成Set，Set.has()的查找速度更快：

const excludeSet = new Set(this.array2);
this.array1 = this.array1.filter(item => !excludeSet.has(item));

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