js 陣列去重方法總結
阿新 • • 發佈:2018-12-10
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 結果轉換成陣列