本文介绍了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())