web前端陣列處理之陣列去重

千鋒武漢發表於2021-04-07

      在 web前端開發過程中避免會遇到很多陣列需要處理,經常出現的問題就是陣列去重。今天小千就來給大家介紹一下幾種常見的陣列去重的方式,大家可以學習一下以備不時之需。

      陣列去重概念:去除陣列中重複重新的值

      方法一:迴圈遍歷擷取

      原理:透過每次迴圈遍歷比較當前值在不在陣列中,在就刪除當前值並且索引減一,弊端,會改變原陣列

1

      方法二:藉助indexOf()方法

      原理:判斷此元素在該陣列中首次出現的位置下標與迴圈的下標是否相等 與方法一類似

2

       方法三:藉助新陣列和indexOf()方法

      原理:透過indexOf方判斷當前元素在陣列中的索引如果與迴圈的下標相等則新增到新陣列中 原陣列不變

3

       方法四:藉助空物件

      原理:透過物件來記錄新陣列中已儲存過的元素 不改變原陣列 與方法三類似

4

      方法五:filter方法

      原理:查詢當前元素索引出現的位置是否與當前元素索引值相等,是表示true返回 ,如果當前元素索引不等與當前索引,說明已經出現過,出現過就不返回。 原陣列不變

5

      方法六:使用include方法

      原理:與indexOf類似,判斷當前元素是否存在,不存在就新增 不改變原陣列

6

      方法七:es6 新增資料結構 new Set()方法

      原理:new Set() 的成員具有唯一性,不能重複

7


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31548651/viewspace-2766814/,如需轉載,請註明出處,否則將追究法律責任。

相關文章