web前端陣列處理之扁平化陣列
在進行前端開發的時候避免不了會遇到很多陣列的情況,其中不乏會存在陣列套陣列或者需要合併陣列的情況,今天小千就來給大家介紹一下如何將陣列扁平化處理。
陣列扁平化概念:用於將巢狀多層的陣列“拉平”,變成一維的陣列
方法一:透過concat將二維陣列轉化為一維陣列
原理:透過將擴充套件運算子,將陣列內部展開,並透過concat連線兩個字串的方式返回一個新的陣列。
方法二:使用陣列方法join和字串方法split進行陣列扁平化
原理:透過join方法將陣列轉化為以點隔開的字串,在使用split把轉化的字串轉化成字串陣列,透過。map方法將內部字串轉化數字型別的
方法三:透過正則方法和JSON.stringify方法和陣列方法
原理:首先將陣列轉化為字串 使用字串匹配正則規則 替換所有的 '[' ']' 和方法二類似 split 主要是講字串轉化為陣列,map將字串陣列轉化為數字
方法四:函式遞迴
原理:判斷獲取的當前值是不是陣列,是陣列就遞迴呼叫
方法五:透過reduce方法進行陣列扁平化
原理:主要是透過reduce的依次執行,判斷當前拿到的物件是不是陣列, 是陣列就進行一次函式遞迴將內部所有陣列扁平化(與方法四類似)
方法六:ES6新增方法flat()
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31548651/viewspace-2766999/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- web前端陣列處理之陣列去重Web前端陣列
- 陣列去重和陣列扁平化陣列
- 陣列扁平化陣列
- JS陣列專題1️⃣ ➖ 陣列扁平化JS陣列
- JavaScript 專題之陣列扁平化JavaScript陣列
- JS 扁平化 (flatten) 陣列JS陣列
- 多維陣列扁平化陣列
- 前端如何優雅處理類陣列物件?前端陣列物件
- 陣列處理函式陣列函式
- PHP 陣列 & 字串處理PHP陣列字串
- 【WEB前端】JavaScript陣列去重Web前端JavaScript陣列
- php 陣列傳到前端 js進行處理PHP陣列前端JS
- 陣列結構之陣列陣列
- 為什麼處理排序陣列比未排序陣列快排序陣列
- 為什麼處理有序陣列比無序陣列快?陣列
- JavaScript陣列常用方法解析和深層次js陣列扁平化JavaScript陣列JS
- 陣列的操作處理與陣列元素的氣泡排序 (轉)陣列排序
- 利用陣列處理批次資料之習題陣列
- 利用陣列處理批次資料陣列
- 重學前端之(3)陣列、排序前端陣列排序
- js陣列去重、扁平化函式JS陣列函式
- 5種方式實現陣列扁平化陣列
- 如何高效的處理陣列對映陣列
- 處理陣列中某一屬性陣列
- web前端陣列塌陷的解決辦法Web前端陣列
- java之陣列Java陣列
- JavaSE 陣列:一維陣列&二維陣列Java陣列
- 一文搞定陣列扁平化(超全面的陣列拉平方案及實現)陣列
- 好程式設計師web前端之JavaScript陣列去重方法程式設計師Web前端JavaScript陣列
- web前端培訓之Javascript如何改變陣列的長度?Web前端JavaScript陣列
- reduce實現filter,map 陣列扁平化等Filter陣列
- 最近遇到的問題總結(陣列去重、扁平化處理、sort 以及Promise等等)陣列Promise
- 3種常見的Web前端陣列排序方式!Web前端陣列排序
- js陣列物件相同項合併處理JS陣列物件
- java之陣列的索引,排序以及二維陣列Java陣列索引排序
- 陣列,陣列類,SyStem類陣列
- Java陣列03:陣列使用Java陣列
- 陣列1——求一個陣列的最大子陣列陣列