zoukankan      html  css  js  c++  java
  • JS实现数组去重(重复的元素只保留一个)

    1.遍历数组法

    它是最简单的数组去重方法(indexOf方法)

    实现思路:新建一个数组,遍历去要重的数组,当值不在新数组的时候(indexOf为-1)就加入该新数组中;

    复制代码
    var arr=[2,8,5,0,5,2,6,7,2];
    function unique1(arr){
      var hash=[];
      for (var i = 0; i < arr.length; i++) {
         if(hash.indexOf(arr[i])==-1){
          hash.push(arr[i]);
         }
      }
      return hash;
    }
    复制代码

    2.数组下标判断法

    调用indexOf方法,性能和方法1差不多

    实现思路:如果当前数组的第 i 项在当前数组中第一次出现的位置不是 i,那么表示第 i 项是重复的,忽略掉。否则存入结果数组。

    复制代码
    function unique2(arr){
      var hash=[];
      for (var i = 0; i < arr.length; i++) {
         if(arr.indexOf(arr[i])==i){
          hash.push(arr[i]);
         }
      }
      return hash;
    }
    复制代码

    3.排序后相邻去除法 

    实现思路:给传入的数组排序,排序后相同的值会相邻,然后遍历排序后数组时,新数组只加入不与前一值重复的值。

    复制代码
    function unique3(arr){
      arr.sort();
      var hash=[arr[0]];
      for (var i = 1; i < arr.length; i++) {
         if(arr[i]!=hash[hash.length-1]){
          hash.push(arr[i]);
         }
      }
      return hash;
    }
    复制代码

    4.优化遍历数组法(推荐)

    实现思路:双层循环,外循环表示从0到arr.length,内循环表示从i+1到arr.length

    将没重复的右边值放入新数组。(检测到有重复值时终止当前循环同时进入外层循环的下一轮判断)

    复制代码
    function unique4(arr){
      var hash=[];
      for (var i = 0; i < arr.length; i++) {
        for (var j = i+1; j < arr.length; j++) {
          if(arr[i]===arr[j]){
            ++i;
          }
        }
          hash.push(arr[i]);
      }
      return hash;
    }
    复制代码

    上面遍历经过测试后有bug,并不能完全去重

     因为这次我做的是对js对象元素去重,我在参考时发现此bug,如果时数组去重,建议用第一种方法。

    quan_lst 里面是一个一个的js字面量对象,根据json里面的属性进行判定去重

    function unique(quan_lst){    
    //去掉重复选取的数据
        for (var i = 0; i < quan_lst.length; i++) {
            for (var j =i+1; j <quan_lst.length; ) {
                if (quan_lst[i].photoid == quan_lst[j].photoid ) {//通过photoid属性进行匹配;
                    quan_lst.splice(j, 1);//去除重复的对象;
                }else {
                    j++;
                }
            }
        }
    }

    5.ES6实现

    基本思路:ES6提供了新的数据结构Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。

    Set函数可以接受一个数组(或类似数组的对象)作为参数,用来初始化。

    function unique5(arr){
      var x = new Set(arr);
     return [...x];
    }

     扩展:如果重复,则去掉该元素

    数组下标去重

    复制代码
    function unique22(arr){
      var hash=[];
      for (var i = 0; i < arr.length; i++) {
         if(arr.indexOf(arr[i])==arr.lastIndexOf(arr[i])){
          hash.push(arr[i]);
         }
      }
      return hash;
    }
    复制代码
     
     
    补充:原先自己一直以为indexOf是针对字符串,原来indexOf也可以查询出数组元素所在的数组中的位置(以0开始计算),
    以上转自于轩悦的博客,学了很多思路。自己的是php码农,对前端一直也处于了解。看来得加强前端内功了。
  • 相关阅读:
    软件架构方面基础-ESB SOA GEO-ESB
    超图软件上市 ——股票代码300036
    python第三方库——xlrd和xlwt操作Excel文件学习
    python -wordcloudan云词安装
    华为手机多屏互动功能使用
    IDL创建泰森多边形
    ArcGIS Engine开发基础总结(一)
    自己制作博客园打赏功能
    Linux学习之八--关闭firewall防火墙安装iptables并配置
    Linux学习之七--mysql的安装使用
  • 原文地址:https://www.cnblogs.com/hanyudanei/p/9496757.html
Copyright © 2011-2022 走看看