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

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

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

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

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

原理：通過join方法將數(shù)組轉(zhuǎn)化為以點(diǎ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方法進(jìn)行數(shù)組扁平化

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

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

本文來(lái)自千鋒教育，轉(zhuǎn)載請(qǐng)注明出處。

總結(jié)

以上是生活随笔為你收集整理的web前端数组处理之扁平化数组的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。