JavaScript数组去重的两种常用方法:思路与代码实现
作者:代码拾荒时间:2026-10-27 08:40:32浏览:502
本文介绍了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())作者最新文章
JavaScript异步发送HTTP请求时怎么优雅地处理错误
2026-11-05 17:10:44
5款主流JS在线运行工具对比:CodePen、JSFiddle与StackBlitz怎么选
2026-11-05 17:04:04
JavaScript入门书籍避坑:这些书不适合初学者
2026-11-05 16:31:15
JS使用Math.round实现保留两位小数的原理与代码
2026-11-05 15:35:55
JavaScript 原生 Date 对象怎么实现日期加减
2026-11-05 14:30:00
