JavaScript陣列去重(12種方法)

2021-08-29 07:08:18 字數 2065 閱讀 4175

陣列去重,一般都是在面試的時候才會碰到,一般是要求手寫陣列去重方法的**。如果是被提問到,陣列去重的方法有哪些?你能答出其中的10種,面試官很有可能對你刮目相看。

在真實的專案中碰到的陣列去重,一般都是後台去處理,很少讓前端處理陣列去重。雖然日常專案用到的概率比較低,但還是需要了解一下,以防面試的時候可能回被問到。

一、利用es6 set去重(es6中最常用)

es6 set去重(es6中最常用)

不考慮相容性,這種去重的方法**最少。這種方法還無法去掉「{}」空物件,後面的高階方法會新增去掉重複「{}」的方法。

es6 set去重(es6中最常用)

不考慮相容性,這種去重的方法**最少。這種方法還無法去掉「{}」空物件,後面的高階方法會新增去掉重複「{}」的方法。

二、利用for巢狀for,然後splice去重(es5中最常用)

splice去重

雙層迴圈,外層迴圈元素,內層迴圈時比較值。值相同時,則刪去這個值。

三、利用indexof去重

indexof去重

新建乙個空的結果陣列,for 迴圈原陣列,判斷結果陣列是否存在當前元素,如果有相同的值則跳過,不相同則push進陣列。

四、利用sort()

利用sort()排序方法,然後根據排序後的結果進行遍歷及相鄰元素比對。

五、利用物件的屬性不能相同的特點進行去重

物件的屬性不能相同的特點進行去重

六、利用includes

七、利用hasownproperty

利用hasownproperty 判斷是否存在物件屬性

八、利用filter

九、利用遞迴去重

遞迴去重

十、利用map資料結構去重

map資料結構去重

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

一、利用reduce+includes

reduce+includes

十二、[...new set(arr)]

[...new set(arr)]

JavaScript 陣列去重

陣列去重,一般都是在面試的時候才會碰到,一般是要求手寫陣列去重方法的 如果是被提問到,陣列去重的方法有哪些?你能答出其中的10種,面試官很有可能對你刮目相看。在真實的專案中碰到的陣列去重,一般都是後台去處理,很少讓前端處理陣列去重。雖然日常專案用到的概率比較低,但還是需要了解一下,以防面試的時候可能...

Javascript陣列去重

set是es2015引入的資料型別,意為集合 其不允許重複元素出現的特性,對於nan undefined null都適用 set是es2015引入的資料型別,意為集合 其不允許重複元素出現的特性,對於nan undefined null都適用 function unique arr var arr ...

JavaScript陣列去重

例1定義乙個簡單的一維陣列 let myarr 0 1,3 2,4 3,3 4,5 6,1 7,8 方法一 使用es6的set let myarr 0 1,3 2,4 3,3 4,5 6,1 7,8 let result newset myarr sort a,b console.log resul...