1. 程式人生 > >JS陣列去重幾種方法

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檢測陣列是否有某個值,對數字型別和字串起作用,特殊符號不行。