1. 程式人生 > >js 陣列去重方法總結

js 陣列去重方法總結

js 陣列去重方法應該是面試中比較常問到的一個問題,今天在網上找了一些相關資料,在這裡做下總結!廢話不多說直接上程式碼!
方法一:

var arr = [0,2,3,4,4,0,2];
var obj = {};
var tmp = [];
for(var i = 0 ;i< arr.length;i++){
   if( !obj[arr[i]] ){
      obj[arr[i]] = 1;
      tmp.push(arr[i]);
   }
}
console.log(tmp);

結果如下: [0, 2, 3, 4]

方法二:

var arr = [2,3,4,4,5,2,3,6],
   arr2 = [];
for(var i = 0;i< arr.length;i++){
    if(arr2.indexOf(arr[i]) < 0){
        arr2.push(arr[i]);
    }
}
console.log(arr2);

結果為:[2, 3, 4, 5, 6]

方法三:

var arr = [2,3,4,4,5,2,3,6];
var arr2 = arr.filter(function(element,index,self){
return self.indexOf(element) === index;
});
console.log(arr2);

結果為:[2, 3, 4, 5, 6]

方法四:

function dedupe(array) {
    return Array.from(new Set(array));
}

let a = dedupe([1,2,3,4,3,2]);
console.log(a)

這個方法用到了es6的 Set 資料結構 他類似於一個數組但是成員的值都是唯一的,沒有重複的,也就是說 new Set(array) 會自動清除掉數組裡邊的重複數值。
但是 new Set(array); 返回的是一個Set 結構物件, 正好Array.from() 方法可以吧Set 結果轉換成陣列