js数组去重三种方法

Posted 2020-09-20 极地

本文讲述三种js去重方法

第一种方法思路：

1.构建一个新的数组存放结果
2.for循环中每次从原数组中取出一个元素，查看元素是否在结果数组
3.若结果数组中没有该元素，则存到结果数组中，否则跳入下次循环。代码如下：

 1 Array.prototype.unique = function(){
 2  var res = [this[0]];
 3  for(var i = 1; i < this.length; i++){
 4   if(res.indexOf(this[i])>=0){
 5       continue ;
 6   }else{
 7       res.push(this[i]);
 8   }
 9  }
10  return res;
11 }
12 var arr = [1, ‘a‘, ‘a‘, ‘b‘, ‘d‘, ‘e‘, ‘e‘, 1, 0]
13 console.log(arr.unique());

 第二种方法思路：
1.先将原数组进行排序
2.检查原数组中的第i个元素 与 结果数组中的最后一个元素是否相同，因为已经排序，所以重复元素会在相邻位置
3.如果不相同，则将该元素存入结果数组中

 1 Array.prototype.unique = function(){
 2  this.sort(); //先排序
 3  var res = [this[0]];
 4  for(var i = 1; i < this.length; i++){
 5   if(this[i] !== res[res.length - 1]){
 6    res.push(this[i]);
 7   }
 8  }
 9  return res;
10 }
11 var arr = [1, ‘a‘, ‘a‘, ‘b‘, ‘d‘, ‘e‘, ‘e‘, 1, 0];
12 console.log(arr.unique());

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

第三种方法思路：
1.创建一个新的数组存放结果
2.创建一个空对象
3.for循环时，每次取出一个元素与对象进行对比，如果这个元素不重复，则把它存放到结果数组中，同时把这个元素的内容作为对象的一个属性，并赋值为1，存入到第2步建立的对象中。
说明：至于如何对比，就是每次从原数组中取出一个元素，然后到对象中去访问这个属性，如果能访问到值，则说明重复。

 1 Array.prototype.unique = function(){
 2  var res = [];
 3  var json = {};
 4  for(var i = 0; i < this.length; i++){
 5   if(!json[this[i]]){
 6    res.push(this[i]);
 7    json[this[i]] = 1;
 8   }
 9  }
10  return res;
11 }
12 var arr = [1, ‘a‘, ‘a‘, ‘b‘, ‘d‘, ‘e‘, ‘e‘, 1, 0];
13 console.log(arr.unique());

 

具体使用哪种方法，具体问西具体分析吧。