zoukankan      html  css  js  c++  java
  • JS数组去重的几种方法

    JS数组去重几种方法

    1. 利用ES6 Set去重(ES6中最常用)

    ```
    function unique(arr){  
      return Array.from(new Set(arr));  
    }  
    var arr=[1,1,2,3,3,3,4,4,4,5,5,'1','true',true];
    console.log(unique(arr));
    ```
    此种方法对{}一些符号不起作用,可用于字符串和数字。
    

    2. 利用for嵌套,然后splice去重(ES5中常用)

    ```
    function unique(arr){  
        for(var i=0;i<arr.length;i++){  
             for(var j=i+1;j<arr.length;j++){  
                  if(arr[i]==arr[j]){  
                      arr.splice(j,1);  
                     j--;  
                 }  
             }  
         }  
         return arr;  
    }  
    var  arr=[1,1,2,3,3,3,4,4,4,5,5,'1','true',true];  
    console.log(unique(arr));
    ```
    双层循环,外层循环元素,内层循环时比较值,值相同,则删去这个值。只能
    用于数字,字符串和符号都不可用。
    

    3. 利用indexOf去重

    function unique(arr){
      if(!Array.isArray(arr)){
          console.log("type error");
          return;
      }
      var array=[];
      for(var i=0;i<arr.length;i++){
          if(array.indexOf(arr[i])===-1){
              array.push(arr[i]);
          }
      }
      return array;
    }
    var  arr=[1,1,2,3,3,3,4,4,4,5,5,'1','true',true];
    console.log(unique(arr));
    

    新建一个空的数组,for循环数组,判断结果数组是否存在当前元素,如果有相同
    的值则跳过,不相同的则psuh进数组。字符串和数字都可以用,但是特殊符号不可用。


    4.利用sort

    function unique(arr){
        if(!Array.isArray(arr)){
            console.log("type error");
            return;
        }
        arr=arr.sort();
        var array=[arr[0]];
        for(var i=1;i<arr.length;i++){
            if(arr[i]!==arr[i-1]){
               array.push(arr[i]);
            }
        }
        return array;
     }
    var  arr=[1,1,2,3,3,3,4,4,4,5,5,'1','true',true];
      console.log(unique(arr));
    

    只能用于数字,字符串和符号都不可用。


    5.利用对象的属性不能相同的特点进行去重

    function unique(arr){
        if(!Array.isArray(arr)){
            console.log("type error");
            return;
        }
        var array=[];
        var object={};
        for(var i=0;i<arr.length;i++){
            if(!object[arr[i]]){
              array.push(arr[i])
              object[arr[i]]=1
            }else{
                object[arr[i]]++
            }
        }
        return array;
    }
    var  arr=[1,1,2,3,3,3,4,4,4,5,5,'1','true',true,'true',{},{},{}];
      console.log(unique(arr));
    

    只对数字类型起作用。


    6.利用includes

    function unique(arr){
        if(!Array.isArray(arr)){
            console.log("type error")
        }
        var array=[];
        for(var i=0;i<arr.length;i++){
            if(!array.includes(arr[i])){
                array.push(arr[i]);
            }
        }
        return array;
    }
    var  arr=[1,1,2,3,3,3,4,4,4,5,5,'1','true',true,'true',{},{},{}];
      console.log(unique(arr));
    

    includes检测数组是否有某个值,对数字类型和字符串起作用,特殊符号不行。


  • 相关阅读:
    【JZOJ6271】【NOIP提高组A】锻造 (forging)
    【JZOJ6272】【NOIP提高组A】整除 (division)
    【JZOJ3397】【GDOI2014模拟】雨天的尾巴
    input绑定datapicker控件后input再绑定blur或者mouseout等问题
    解决每次打开office 2010显示正在配置的问题
    Ext JS treegrid 发生的在tree上增加itemclick 与在其它列上增加actioncolumn 发生事件冲突(event conflict)的解决办法
    Ext JS4 学习笔记之发送表单(Form)时也将表单下的表格(Grid)数据一同发送的方法
    本地同时启动两个tomcat
    转: ExtJS中xtype一览
    web前端基础知识及快速入门指南
  • 原文地址:https://www.cnblogs.com/lxystar/p/9683211.html
Copyright © 2011-2022 走看看