JS数组去重方法_性能优化技巧总结

使用Set去重是处理基本类型数组的最优解，代码简洁且性能高；对象数组则推荐通过Map或对象键值配合唯一标识进行去重，避免使用indexOf等低效方法，以提升大数据量下的执行效率。

JavaScript数组去重是开发中常见的需求，尤其在处理大量数据时，选择高效的去重方法对性能影响显著。不同的方法适用于不同场景，合理选择能有效提升执行效率。

使用Set进行去重（推荐基础方法）

ES6引入的Set结构天然支持唯一值，结合展开运算符或Array.from可快速实现去重。

示例：

BibiGPT-哔哔终结者

B站视频总结器-一键总结 音视频内容

28

查看详情

const uniqueArr = [...new Set(arr)];

对于纯基本类型数组（如数字、字符串），这是目前最推荐的方式，时间复杂度接近O(n)。

利用对象键值去重（适用于含引用类型的场景）

当数组元素为对象时，Set无法直接判断重复。可通过JSON.stringify将对象转为字符串作为唯一标识。

示例：

const uniqueByObj = (arr, key) => {
  const seen = {};
  return arr.filter(item => {
    const k = key ? item[key] : JSON.stringify(item);
    if (seen[k]) return false;
    seen[k] = true;
    return true;
  });
};

Map辅助去重（高性能复杂场景）

在需要保留复杂逻辑判断时，Map比普通对象更高效，尤其是大数据量下。

示例：按对象某个属性去重

const uniqueByMap = (arr, prop) => {
  const map = new Map();
  return arr.filter(item => {
    if (map.has(item[prop])) return false;
    map.set(item[prop], true);
    return true;
  });
};

避免低效方法：indexOf + filter

常见但低效的写法：

arr.filter((item, index) => arr.indexOf(item) === index);

应尽量避免在性能敏感场景使用此类嵌套遍历方式。

基本上就这些。小数据量下差异不明显，但面对上千条以上数据时，选用Set或Map方案能显著减少执行时间。根据数组类型和业务需求选择最合适的方法，才是真正的性能优化关键。

以上就是JS数组去重方法_性能优化技巧总结的详细内容，更多请关注php中文网其它相关文章！