如何从Array.filter()返回指定值而非原数组元素？

我明白你遇到的问题了——filter方法的工作方式和你想的不太一样！它的回调函数返回的其实是一个"是否保留当前原数组元素"的判断（truthy/falsy值），而不是你想返回的那个目标值（比如myVar）。所以你现在return myVar的时候，只要myVar是正数（truthy），就会把原数组的el（也就是1）加入结果数组，而不是把myVar（4）加进去。

下面分两种场景给你解决方案，对应你不同的需求：

场景1：找出数组中所有重复的元素（比如例子里的[1]） #

如果你的目标是拿到所有重复出现的元素（去重后），可以用filter结合indexOf，再配合Set去重：

function findDuplicateElements(a) {
  // 筛选出那些第一次出现的索引不等于当前索引的元素（说明之前已经出现过）
  const duplicates = a.filter((el, idx) => a.indexOf(el) !== idx);
  // 用Set去重，避免元素多次出现时重复收集
  const uniqueDuplicates = [...new Set(duplicates)];
  
  console.log('重复元素:', uniqueDuplicates);
  return uniqueDuplicates;
}

const myArr = [1,2,3,4,1,2];
findDuplicateElements(myArr); // 输出: 重复元素: [1, 2]

场景2：找出重复元素的后续出现索引（比如例子里的4） #

如果你的目标是拿到重复元素第二次及以后出现的索引，filter就不是最合适的工具了，因为它只能返回原数组元素。这时候用reduce或者forEach结合Map来收集更高效：

function findDuplicateIndices(a) {
  const seenElements = new Map();
  const duplicateIndices = [];
  
  a.forEach((el, idx) => {
    if (seenElements.has(el)) {
      // 这个元素之前出现过，记录当前的重复索引
      duplicateIndices.push(idx);
    } else {
      // 第一次遇到这个元素，记录它的索引
      seenElements.set(el, idx);
    }
  });
  
  console.log('重复元素的索引:', duplicateIndices);
  return duplicateIndices;
}

const myArr = [1,2,3,4,1,2];
findDuplicateIndices(myArr); // 输出: 重复元素的索引: [4, 5]

如果你一定要用filter实现（不推荐，效率较低） #

如果只是想理解怎么用filter配合其他方法拿到目标值，可以先通过map把每个元素转换成对应的重复索引（没有重复就设为null），再用filter过滤掉null值：

function getDuplicateIndicesWithFilter(a) {
  const duplicateIndices = a
    .map((el, idx) => {
      const duplicateIdx = a.indexOf(el, idx + 1);
      // 有重复就返回索引，否则返回null
      return duplicateIdx >= 0 ? duplicateIdx : null;
    })
    .filter(idx => idx !== null);
  
  console.log('重复的索引:', duplicateIndices);
  return duplicateIndices;
}

const myArr = [1,2,3,4,1];
getDuplicateIndicesWithFilter(myArr); // 输出: 重复的索引: [4]

关键知识点总结 #

• filter的核心是筛选原数组元素，回调的返回值只是判断条件，不是用来替换结果元素的。
• 用Map/Set记录已遍历元素，能把时间复杂度从O(n²)（多次调用indexOf）降到O(n)，处理大数组时效率高很多。
• 如果需要转换元素（比如从原元素转成索引），优先用map+filter组合，或者直接用reduce一步完成收集。

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