当前位置: 首页 > news >正文

一些js数组去重的实现算法

  1. 双重循环法(最传统,理解简单)
function unique(arr) {var result = [];for (var i = 0; i < arr.length; i++) {var flag = true;for (var j = 0; j < result.length; j++) {if (arr[i] === result[j]) {flag = false;break;}}if (flag) {result.push(arr[i]);}}return result;
}var arr = [1, 2, 3, 2, 1];
console.log(unique(arr)); // [1, 2, 3]

原理

  • 外层遍历原数组每个元素,
  • 内层遍历结果数组检查是否已存在,
  • 没有就加入结果。

缺点:时间复杂度 O(n²),数组越大越慢。

  1. 利用 indexOf 去重(兼容 ES5)
function unique(arr) {var result = [];for (var i = 0; i < arr.length; i++) {if (result.indexOf(arr[i]) === -1) {result.push(arr[i]);}}return result;
}var arr = [1, 2, 3, 2, 1];
console.log(unique(arr)); // [1, 2, 3]

同样时间复杂度 O(n²),但代码更简洁。

  1. 利用对象做哈希表(更快的实现)
function unique(arr) {var result = [];var seen = {};for (var i = 0; i < arr.length; i++) {if (!seen[arr[i]]) {result.push(arr[i]);seen[arr[i]] = true;}}return result;
}var arr = [1, 2, 3, 2, 1];
console.log(unique(arr)); // [1, 2, 3]

注意

  • 这种方法对数字和字符串效果很好,时间复杂度接近 O(n)。
  • 对于对象或数组类型的元素,会转成字符串 [object Object],可能会出错。
  1. 使用 forEach 结合 indexOf(兼容 ES5)
function unique(arr) {var result = [];arr.forEach(function(item) {if (result.indexOf(item) === -1) {result.push(item);}});return result;
}var arr = [1, 2, 3, 2, 1];
console.log(unique(arr)); // [1, 2, 3]

简单的 ES6 写法:

  1. 使用 Set(推荐)
let arr = [1, 2, 3, 2, 1];
let result = [...new Set(arr)];
console.log(result); // [1, 2, 3]

原理

  • Set 是一种集合结构,自动去掉重复值。… 展开运算符可以把它再变回数组。
  • 优点:简洁、可读性高
  • 缺点:不支持对象深度去重(引用类型的比较是地址)
  1. 使用 filter + indexOf
let arr = [1, 2, 3, 2, 1];
let result = arr.filter((item, index) => arr.indexOf(item) === index);
console.log(result); // [1, 2, 3]

原理

  • indexOf 会返回首次出现的索引,只有首次出现的位置和当前索引一致时才保留。
  • 缺点:每次 filter 内部都要遍历一次(O(n²))
  1. 使用 reduce + includes
let arr = [1, 2, 3, 2, 1];
let result = arr.reduce((acc, cur) => {if (!acc.includes(cur)) acc.push(cur);return acc;
}, []);
console.log(result); // [1, 2, 3]

原理

  • reduce 逐个累加,includes 检查是否已存在。
  • 缺点:同样是 O(n²) 复杂度。
  1. 基于哈希表的去重(高效版)
let arr = [1, 2, 3, 2, 1];
let seen = {};
let result = arr.filter(item => {if (!seen[item]) {seen[item] = true;return true;}return false;
});
console.log(result); // [1, 2, 3]

原理

  • 利用对象键的唯一性,O(n) 时间就能完成去重。
  • 优点:比 indexOf / includes 高效
  • 缺点:对象键会自动转成字符串({} 和 “[object Object]” 都会冲突),处理对象数组时要加序列化。
  1. 去重并排序
let arr = [3, 1, 2, 3, 2, 1];
let result = [...new Set(arr)].sort((a, b) => a - b);
console.log(result); // [1, 2, 3]
  1. 对象数组去重(按某个字段)

假设有:

let arr = [{ id: 1, name: "A" },{ id: 2, name: "B" },{ id: 1, name: "C" }
];

按 id 去重:

let seen = new Set();
let result = arr.filter(item => !seen.has(item.id) && seen.add(item.id));
console.log(result);
// [ { id: 1, name: "A" }, { id: 2, name: "B" } ]
http://www.dtcms.com/a/324295.html

相关文章:

  • 黑马SpringBoot+Elasticsearch作业2实战:商品搜索与竞价排名功能实现
  • 使用正则表达式检测Base64字符串并提取图片类型及正文的JavaScript函数,代码精简且高效
  • 250810-OpenWebUI集成Dify应用
  • 《设计模式》策略模式
  • STM32的计数模式和pwm模式
  • 亚麻云之数据安家——RDS数据库服务入门
  • sqli-labs-master/Less-62~Less-65
  • 01.【面试题】在SpringBoot中如何实现多数据源配置
  • (Python)爬虫进阶(Python爬虫教程)(CSS选择器)
  • 2025年全国青少年信息素养大赛Scratch编程践挑战赛-小低组-初赛-模拟题
  • Linux系统编程Day11 -- 进程状态的优先级和特性
  • 移动端音频处理实践:59MB变声应用的技术实现分析
  • 机器学习-增加样本、精确率与召回率
  • LeetCode 869.重新排序得到 2 的幂:哈希表+排序(一次初始化)
  • Android 16 KB页面大小适配的权威技术方案总结
  • Android快速视频解码抽帧FFmpegMediaMetadataRetriever,Kotlin(2)
  • Android 开发问题:Invalid id; ID definitions must be of the form @+id/ name
  • 010601抓包工具及证书安装-基础入门-网络安全
  • 浅谈 A2A SDK 核心组件
  • 电脑本地摄像头做成rtsp流调用测试windows系统中
  • 【Docker实战】将Django应用容器化的完整指南
  • Pytorch深度学习框架实战教程-番外篇10-PyTorch中的nn.Linear详解
  • Linux-静态配置ip地址
  • 怎么将视频转换成字幕python作为工具
  • 计算机视觉(CV)——pytorch张量基本使用
  • 深入解析Java中的String、StringBuilder与StringBuffer:特性、区别与最佳实践
  • Gin 框架中的模板引擎使用指南
  • LeetCode 每日一题 2025/8/4-2025/8/10
  • mpv core_thread pipeline
  • c语言常见错误