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检测数组是否有某个值,对数字类型和字符串起作用,特殊符号不行。


  • 相关阅读:
    实时监听输入框值变化的完美方案:oninput & onpropertychange
    展示两行,超出用。。。表示
    修改下拉框滚动条样式
    js单线程工作
    锚点
    火狐图片乱码
    解决重复提交的几种方法
    forward和redirect的区别
    form表单刷新自动提交
    addEventListener和attachEvent的区别
  • 原文地址:https://www.cnblogs.com/lxystar/p/9683211.html
Copyright © 2011-2022 走看看