为何filter函数内部与外部的返回值存在差异？

嘿，我完全懂你现在的困惑——你本来想借助filter的thisArg来实现数组去重，看着回调里打印的thisArg是逐步去重的结果（比如[1]、[1,2]这样），但filter最终返回的数组却还带着重复元素，对吧？这其实是因为你误解了filter方法的核心返回逻辑，咱们一步步拆解：

问题出在哪？ #

首先要明确：filter方法的返回值，是由回调函数返回true的所有原数组元素组成的新数组，和你在回调里操作thisArg并返回它没有任何关系！

你在回调里做了这些操作：

1. 检查当前元素是否在thisArg里
2. 不在就推入thisArg
3. 最后返回thisArg

但这里的关键错误是：filter的回调需要返回一个布尔值来决定当前元素是否被保留，而你返回的是thisArg（一个数组对象）。在JavaScript里，任何非空对象都会被判定为true，所以不管当前元素是不是重复项，你的回调都相当于返回true——那filter自然会把原数组的所有元素都保留下来，重复项当然还在！

而你在回调里打印thisArg时看到的去重结果，只是你在回调里对thisArg的修改生效了，但这个修改和filter的返回值逻辑完全脱节。

正确的实现方式 #

如果想用filter结合thisArg实现去重，回调需要返回正确的布尔值，判断当前元素是否是第一次出现：

// 示例原数组
const originalArr = [1, 2, 2, 3, 3, 3, 4];

const uniqueArr = originalArr.filter(function(item) {
  // this指向传入的thisArg（空数组）
  if (!this.includes(item)) {
    this.push(item);
    // 返回true，告诉filter要保留这个元素
    return true;
  }
  // 返回false，告诉filter跳过这个重复元素
  return false;
}, []); // 这里的空数组就是thisArg

console.log(uniqueArr); // 输出: [1, 2, 3, 4]

这样一来，filter就会只保留那些第一次出现的元素，最终返回的就是去重后的数组，同时thisArg也会被填充为去重后的结果（如果你需要复用它的话）。

额外补充 #

当然，现代JavaScript里更简洁的去重方式是用Set：[...new Set(originalArr)]，但如果你是专门在实验filter和thisArg的用法，上面的写法就是正确的打开方式。

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