web前端陣列處理之扁平化陣列

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

      在進行前端開發的時候避免不了會遇到很多陣列的情況,其中不乏會存在陣列套陣列或者需要合併陣列的情況,今天小千就來給大家介紹一下如何將陣列扁平化處理。

      陣列扁平化概念:用於將巢狀多層的陣列“拉平”,變成一維的陣列

      方法一:透過concat將二維陣列轉化為一維陣列

      原理:透過將擴充套件運算子,將陣列內部展開,並透過concat連線兩個字串的方式返回一個新的陣列。

1

      方法二:使用陣列方法join和字串方法split進行陣列扁平化

      原理:透過join方法將陣列轉化為以點隔開的字串,在使用split把轉化的字串轉化成字串陣列,透過。map方法將內部字串轉化數字型別的

2

      方法三:透過正則方法和JSON.stringify方法和陣列方法

      原理:首先將陣列轉化為字串 使用字串匹配正則規則 替換所有的 '[' ']' 和方法二類似 split 主要是講字串轉化為陣列,map將字串陣列轉化為數字

3

      方法四:函式遞迴

      原理:判斷獲取的當前值是不是陣列,是陣列就遞迴呼叫

4

      方法五:透過reduce方法進行陣列扁平化

      原理:主要是透過reduce的依次執行,判斷當前拿到的物件是不是陣列, 是陣列就進行一次函式遞迴將內部所有陣列扁平化(與方法四類似)

5

      方法六:ES6新增方法flat()

6


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

相關文章