JS陣列去重方法

將陣列var arr = [1,1,『true』,『true』,true,true,15,15,false,false, undefined,undefined, null,null, nan, nan,『nan』, 0, 0, 『a』, 『a』,{},{}]中重複的值過濾掉

使用es6中的set是最簡單的去重方法

var arr  =[1
,1,'true'
,'true'
,true
,true,15
,15,false
,false
, undefined,
undefined,
null
,null
,nan
,nan
,'nan',0
,0,'a'
,'a',,
];function
arr_unique1
(arr)
arr_unique1
(arr)
;// (13)[1, "true", true, 15, false, undefined, null, nan, "nan", 0, "a", , ]
123456789

該方法可以說是最完美的方法，就是需要環境支援es6

建立乙個空map資料結構，遍歷需要去重的陣列，把陣列的每乙個元素作為key存到map中。由於map中不會出現相同的key值，所以最終得到的就是去重後的結果。

function
arr_unique2
(arr)
else
}return array ;
} console.
log(
arr_unique2
(arr));
//(13) [1, "a", "true", true, 15, false, 1, , null, nan, nan, "nan", 0, "a", , undefined]
123456789101112131415

function
arr_unique3
(arr)
)function
loop
(index)
loop
(index -1)
;//遞迴loop，然後陣列去重}}
loop
(len-1)
;return array;} 
console.
log(
arr_unique3
(arr));
//(14) [1, "a", "true", true, 15, false, 1, , null, nan, nan, "nan", 0, "a", , undefined]
1234567891011121314151617181920

function
arr_unique4
(arr)})
;return res;
}console.
log(
arr_unique4
(arr));
// (14) [1, "true", true, 15, false, undefined, null, nan, nan, "nan", 0, "a", , ]
1234567891011

該方法的不足之處在於無法對nan進行過濾，原因是var a = [1, nan , 2]; a.indexof(nan) === -1;，改善的方法是使用includes方法

function
arr_unique5
(arr));
}arr_unique5
(arr)
;// (12) [1, "true", true, 15, false, undefined, null, "nan", 0, "a", , ]
1234567

美中不足的地方在於漏掉了nan,原因同方法四

function
arr_unique6
(arr)})
;return res;
}arr_unique6
(arr)
;// (13) [1, "true", true, 15, false, undefined, null, nan, "nan", 0, "a", , ]
12345678910

該方法也算是比較完美，沒有什麼遺漏的地方

function
arr_unique7
(arr)
return prev;},
);}arr_unique7
(arr)
;// (13)[1, "true", true, 15, false, undefined, null, nan, "nan", 0, "a", , ]
123456789

function
arr_unique8
(arr)}}
return arr;
}arr_unique8
(arr)
;// (14) [1, "true", true, 15, false, undefined, null, nan, nan, "nan", 0, "a", , ]
1234567891011

這是最麻煩的方法，效率十分低下，每乙個迴圈都會去動態獲取陣列的length。且該方法無法過濾掉nan，因為nan === nan的結果為false。

function
arr_unique9
(arr)
;return arr.
filter
((val)
=>);
}arr_unique9
(arr)
;// (12) [1, "true", true, 15, false, undefined, null, nan, "nan", 0, "a", ]
1234567

這種方法是終極版的，因為它可以進行陣列中的物件元素的去重！前面的幾種方法是不可以進行物件去重的。不過話說回來，js中的物件是本身就是乙個位址的引用，比如 {} == {} ;//false，兩者是兩個不同的物件，這裡我將其進行json.stringify進行簡化。

經親測，使用es6的set和map效率最高，reduce()和sort()效率還可以，雙層迴圈效率最低。

JS陣列去重方法

js陣列去重方法

JS陣列去重方法

js 陣列去重方法

JS陣列去重方法

js陣列去重方法

JS陣列去重方法

js 陣列去重方法

相關推薦