web前端陣列處理之陣列去重
在 web前端開發過程中避免會遇到很多陣列需要處理,經常出現的問題就是陣列去重。今天小千就來給大家介紹一下幾種常見的陣列去重的方式,大家可以學習一下以備不時之需。
陣列去重概念:去除陣列中重複重新的值
方法一:迴圈遍歷擷取
原理:透過每次迴圈遍歷比較當前值在不在陣列中,在就刪除當前值並且索引減一,弊端,會改變原陣列
方法二:藉助indexOf()方法
原理:判斷此元素在該陣列中首次出現的位置下標與迴圈的下標是否相等 與方法一類似
方法三:藉助新陣列和indexOf()方法
原理:透過indexOf方判斷當前元素在陣列中的索引如果與迴圈的下標相等則新增到新陣列中 原陣列不變
方法四:藉助空物件
原理:透過物件來記錄新陣列中已儲存過的元素 不改變原陣列 與方法三類似
方法五:filter方法
原理:查詢當前元素索引出現的位置是否與當前元素索引值相等,是表示true返回 ,如果當前元素索引不等與當前索引,說明已經出現過,出現過就不返回。 原陣列不變
方法六:使用include方法
原理:與indexOf類似,判斷當前元素是否存在,不存在就新增 不改變原陣列
方法七:es6 新增資料結構 new Set()方法
原理:new Set() 的成員具有唯一性,不能重複
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31548651/viewspace-2766814/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- web前端陣列處理之扁平化陣列Web前端陣列
- JS陣列去重 – JSON陣列去重陣列JSON
- javascript之陣列去重JavaScript陣列
- 好程式設計師web前端之JavaScript陣列去重方法程式設計師Web前端JavaScript陣列
- 陣列去重陣列
- 陣列合並且去重&向一個陣列新增一條資料(重複的就不新增)&陣列物件去重處理陣列物件
- 陣列去重和陣列扁平化陣列
- golang 陣列去重 移除陣列指定元素Golang陣列
- JavaScript陣列去重JavaScript陣列
- 陣列物件去重陣列物件
- js陣列去重JS陣列
- JavaScript 陣列去重JavaScript陣列
- JS專題之陣列去重JS陣列
- 陣列去重和求和陣列
- 陣列去重的方法陣列
- 關於陣列去重陣列
- js陣列物件去重JS陣列物件
- js物件陣列去重JS物件陣列
- JavaScript陣列去重方法JavaScript陣列
- js陣列去重之核心思想JS陣列
- 《前端演算法系列》陣列去重前端演算法陣列
- 重學前端之(3)陣列、排序前端陣列排序
- JS實現陣列去重JS陣列
- 如何實現陣列去重?陣列
- js 陣列去重小技巧JS陣列
- 陣列求和,刪除,去重陣列
- iOS 模型陣列去重複iOS模型陣列
- 陣列去重,地址不改變陣列
- 陣列的去重和排序陣列排序
- 前端如何優雅處理類陣列物件?前端陣列物件
- 前端筆試題——陣列去重(保姆級手撕)前端筆試陣列
- PHP 陣列 & 字串處理PHP陣列字串
- 陣列處理函式陣列函式
- 陣列去重的幾個方法陣列
- 陣列去重的幾種方式陣列
- 演算法:indexOf陣列去重演算法Index陣列
- JavaScript陣列去重方法總結JavaScript陣列
- JS演算法——陣列去重JS演算法陣列