js数组去重的三种常用方法总结

2019-12-24,,

第一种是比较常规的方法


思路:


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());

第二种方法比上面的方法效率要高


思路:


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());

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


第三种方法(推荐使用)


思路:


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());

您可能感兴趣的文章:

  • JS实现数组去重方法总结(六种方法)
  • js数组去重的5种算法实现
  • js取两个数组的交集|差集|并集|补集|去重示例代码
  • 史上最全JavaScript数组去重的十种方法(推荐)
  • JavaScript数组去重的两种方法推荐
  • js实现数组去重、判断数组以及对象中的内容是否相同
  • JavaScript数组去重的五种方法
  • JS实现数组简单去重及数组根据对象中的元素去重操作示例
  • JS实现的合并多个数组去重算法示例
  • JS实现的字符串数组去重功能小结

《js数组去重的三种常用方法总结.doc》

下载本文的Word格式文档,以方便收藏与打印。