在進行前端開發(fā)的時候避免不了會遇到很多數(shù)組的情況，其中不乏會存在數(shù)組套數(shù)組或者需要合并數(shù)組的情況，今天小編就來給大家介紹一下如何將數(shù)組扁平化處理。

數(shù)組扁平化概念：用于將嵌套多層的數(shù)組“拉平”，變成一維的數(shù)組

方法一：通過concat將二維數(shù)組轉(zhuǎn)化為一維數(shù)組

原理：通過將擴展運算符，將數(shù)組內(nèi)部展開，并通過concat連接兩個字符串的方式返回一個新的數(shù)組。

方法二：使用數(shù)組方法join和字符串方法split進行數(shù)組扁平化

原理：通過join方法將數(shù)組轉(zhuǎn)化為以點隔開的字符串，在使用split把轉(zhuǎn)化的字符串轉(zhuǎn)化成字符串?dāng)?shù)組，通過。map方法將內(nèi)部字符串轉(zhuǎn)化數(shù)字類型的

?

方法三：通過正則方法和JSON.stringify方法和數(shù)組方法

原理：首先將數(shù)組轉(zhuǎn)化為字符串 使用字符串匹配正則規(guī)則 替換所有的 '[' ']' 和方法二類似 split 主要是講字符串轉(zhuǎn)化為數(shù)組，map將字符串?dāng)?shù)組轉(zhuǎn)化為數(shù)字

方法四：函數(shù)遞歸

原理：判斷獲取的當(dāng)前值是不是數(shù)組，是數(shù)組就遞歸調(diào)用

方法五：通過reduce方法進行數(shù)組扁平化

原理：主要是通過reduce的依次執(zhí)行，判斷當(dāng)前拿到的對象是不是數(shù)組， 是數(shù)組就進行一次函數(shù)遞歸將內(nèi)部所有數(shù)組扁平化（與方法四類似）

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

以上就是小編總結(jié)的Web前端快速處理扁平化數(shù)組的6種方法，希望本文的分享能幫到各個學(xué)習(xí)Web前端的小伙伴。隨著移動互聯(lián)網(wǎng)熱潮的到來，移動開發(fā)越來越受到大家的追捧，前端開發(fā)人員也會成為互聯(lián)網(wǎng)企業(yè)必備的人才之一，對于想要學(xué)習(xí)Web前端進入前端領(lǐng)域的人來說這是一個非常好的機會。