js数组去除重复的思路与方法对比

发布时间:2020-04-04编辑:脚本学堂
js数组去除重复的三个方法,详细介绍了这三种方法的思路,js去除数组中重复元素很简单,但不同的方法性能差距很大,这里小编推荐第三种js数组去重的方法,效率更高。

js数组去除重复思路与方法对比

方法一(js数组去除重复):

思路:
1、构建一个新的数组存放结果。
2、for循环中每次从原数组中取出一个元素,用这个元素循环与结果数组对比。
3、若结果数组中没有该元素,则存到结果数组中。

例子:
 

复制代码 代码示例:
Array.prototype.unique1 = function(){
var res = [this[0]];
for(var i = 1; i < this.length; i++){
var repeat = false;
for(var j = 0; j < res.length; j++){
if(this[i] == res[j]){
repeat = true;
break;
}
}
if(!repeat){
res.push(this[i]);
}
}
return res;
}
var arr = [1, 'a', 'a', 'b', 'd', 'e', 'e', 1, 0]
alert(arr.unique1());

方法二(js数组去除重复):

思路:
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());

方法二有一定的局限性,因为在去重前进行了排序,所以最后返回的去重结果也是排序后的。
如果要求不改变数组的顺序去重,那这种方法便不可取了。

方法三(js数组去除重复,推荐使用)

思路:

1、创建一个新的数组存放结果。
2、创建一个空对象。
3、for循环时,每次取出一个元素与对象进行对比,如果这个元素不重复,则把它存放到结果数组中,同时把这个元素的内容作为对象的一个属性,并赋值为1,存入到第2步建立的对象中。

说明:
对比方法:
每次从原数组中取出一个元素,然后到对象中去访问这个属性,如果能访问到值,则说明重复。

例子:
 

复制代码 代码示例:

Array.prototype.unique3 = function(){
var res = [];
var json = {};
for(var i = 0; i < this.length; i++){
if(!json[this[i]]){
res.push(this[i]);
json[this[i]] = 1;
}
}
return res;
}

var arr = [112,112,34,'你好',112,112,34,'你好','str','str1'];
alert(arr.unique3());