栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

JS数组去重的几种方法

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

JS数组去重的几种方法

朋友们,起风了,该“浪”起来了。

今天带大家“浪”的主题是js的数组去重,总结了几种方法如下,希望有所帮助,希望同行之间的交流,更希望有大神批评指点!!!

 

方法1:利用ES6的Set结合Array.from去重

      var arr = [5,6,8,8,6,8,6];
      var set = new Set(arr);  //Set()它类似于数组(伪数组),但是成员的值都是唯一的,没有重复的值。
      console.log(Array.from(set)) //Array.from()将一个类数组对象或者可遍历对象转换成一个真正的数组。

 

方法二:利用ES5中的Index.Of()方法

      function noRepeat(arr){              var newArr = [];              for(var i in arr){                  if(newArr.indexOf(arr[i]) == -1){ //arr中的值在newArr中不存在就返回 -1
                      newArr.push(arr[i]);
                  }
              }              return newArr;
           }

 

方法三:利用数组中filter方法

     var arr = [5,6,8,8,6,8,6];

          var newArr = arr.filter((items,index,arry)=>{ //按照某个条件过滤,返回满足条件的新数组

              return arry.indexOf(items) === index //过滤掉下标相同的值
          })
        console.log(newArr)

 方法四: 双层for循环,利用数组splice来去重

 

     var arr = [5,6,8,8,6,8,6];        function reRepeat(arr){            for(var i =0;i < arr.length;i++){                for(var j = i+1;j

 

方法五 : 利用对象的特性(唯一性),不能出现相同的key值

 

     var arr = [5,6,8,8,6,8,6];        
        function reRepeat(arr){            var obj={};            var newArr=[];            for(var i = 0;i < arr.length;i ++){                if(!obj[arr[i]]){
                    obj[arr[i]]=1;
                    newArr.push(arr[i]);
                }
            }            return newArr;
        }

        console.log(reRepeat(arr))

 

方法六 : 排序后利用相邻的元素进行判断然后push

 

     var arr = [5,5,6,8,8,6,8,6];        function reRepeat(arr){
            arr.sort( ( a , b ) => { return a - b; } )  //将数组进行排序            var newArr=[];            for(var i = 0;i < arr.length; i++){                if(arr[i]!=arr[i+1]){
                    newArr.push(arr[i]);
                }
            }            return newArr;
        }

        console.log(reRepeat(arr))

 

 

   从头到尾看到这里,说明你是一个有耐心的程序猿(哈哈哈哈)

    如果您对数组去重有更好的理解,欢迎留言,一起走向人生巅峰!!!!

 

原文出处:https://www.cnblogs.com/langshening/p/9975866.html  

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/246895.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号