如何从数组中提取唯一重复元素并返回新数组-js教程-PHP中文网

如何从数组中提取唯一重复元素并返回新数组

本文介绍如何正确提取数组中所有重复出现的元素，且每个重复值仅保留一次，避免多次输出同一重复项。

在 JavaScript 中，若需从一个数组中提取“所有重复出现过的值”，但要求结果数组中每个重复值仅出现一次（如 [1, 2, 3, 1, 5, 6, 1, 2, 5] 应返回 [1, 2, 5]），直接使用 filter() 配合 indexOf() 会导致重复项被多次捕获——因为 array.indexOf(item) !== index 对于第二个及之后的相同元素均成立（例如 1 在索引 3 和 6 处都会满足条件），从而输出 [1, 1, 2, 5]。

要实现「去重后的重复项」，核心思路是：先识别哪些元素出现了 ≥2 次，再确保结果中每个这样的元素只出现一次。以下是几种推荐的现代、可读性强且高效的实现方式：

✅ 方法一：使用 Set + filter + indexOf/lastIndexOf（简洁推荐）

const array = [1, 2, 3, 1, 5, 6, 1, 2, 5];

const duplicates = [...new Set(
  array.filter(item => array.indexOf(item) !== array.lastIndexOf(item))
)];

console.log(duplicates); // [1, 2, 5]

✅ 原理：indexOf(item) !== lastIndexOf(item) 表示该元素至少出现两次；外层 new Set() 自动去重，保证每个重复值只保留一次。

Java 接口排错助手

在调试 Java 后端 API 故障时使用此技能，尤其适用于以下任务：分析日志、跨 Controller、Service 和 Mapper 层追踪请求、定位异常根因、检查 SQL 执行或参数流转，以及生成简洁的诊断结论与修复方案。

下载

✅ 方法二：使用 Map 统计频次（扩展性强，适合复杂场景）

const array = [1, 2, 3, 1, 5, 6, 1, 2, 5];

const countMap = new Map();
array.forEach(item => {
  countMap.set(item, (countMap.get(item) || 0) + 1);
});

const duplicates = [...countMap.entries()]
  .filter(([_, count]) => count > 1)
  .map(([item]) => item);

console.log(duplicates); // [1, 2, 5]

✅ 优势：逻辑清晰、易于调试，且便于后续扩展（如筛选出现 ≥3 次的元素）。