JavaScript数组去重的两种常用方法:思路与代码实现

作者:代码拾荒

时间:2026-10-27

浏览:503

本文介绍了JavaScript中两种常用的数组去重方法。第一种基于indexOf检测新数组,逻辑直观但效率一般;第二种先对原数组排序再比较相邻元素,利用排序后重复项相邻的特性提升效率。文章提供了完整的代码示例及扩展思路,帮助开发者根据场景选择合适的去重策略。

文章目录

基于indexOf的常规去重法

第一种是比较常规的方法 思路: 1.构建一个新的数组存放结果 2.for循环中每次从原数组中取出一个元素,用indexOf查找新数组中是否有该元素 3.若没有,则存到结果数组中

具体实现代码如下:

 
Array.prototype.unique1 = function(){
var res = [];
for(var i = 0; i < this.length; i++){
if(res.indexOf(this[i]) == -1){
res.push(this[i]);
} 
} 
return res;
} 
var arr = [1, 'a', 'a', 'b', 'd', 'e', 'e', 1, 0]
alert(arr.unique1())

在此基础之上可以进行微调优化,但整体原理保持不变,性能提升效果并不显著。


优化后的代码如下:

 
Array.prototype.unique1 = function(){
var res = [this[0]];//直接将原数组中的第一个元素存入构建的新数组中
for(var i = 1; i < this.length; i++){//循环从第二个元素开始
if(res.indexOf(this[i]) == -1){
res.push(this[i]);
} 
} 
return res;
} 
var arr = [1, 'a', 'a', 'b', 'd', 'e', 'e', 1, 0]
alert(arr.unique1())

第二种方法相比第一种方法,执行效率更高。

基于排序的比较法

第二种方法的思路如下:


1.首先对原数组执行排序操作;


2.检查原数组中第i个元素与结果数组中最后一个元素是否相同。由于数组已排序,重复元素必然相邻;


3.若两者不同,则将该元素存入结果数组。


具体代码如下:

 
Array.prototype.unique2 = function(){
this.sort(); //先排序
var res = [this[0]];
for(var i = 1; i < this.length; i++){
if(this[i] !== res[res.length - 1]){
res.push(this[i]);
} 
} 
return res;
} 
var arr = [1, 'a', 'a', 'b', 'd', 'e', 'e', 1, 0]
alert(arr.unique2())

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章