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

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

方法一：通過concat將二維數組轉化為一維數組

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

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

原理：通過join方法將數組轉化為以點隔開的字符串，在使用split把轉化的字符串轉化成字符串數組，通過。map方法將內部字符串轉化數字類型的

方法三：通過正則方法和JSON.stringify方法和數組方法

原理：首先將數組轉化為字符串 使用字符串匹配正則規則 替換所有的 ‘[’ ‘]’ 和方法二類似 split 主要是講字符串轉化為數組，map將字符串數組轉化為數字

方法四：函數遞歸

原理：判斷獲取的當前值是不是數組，是數組就遞歸調用

方法五：通過reduce方法進行數組扁平化

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

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

本文來自千鋒教育，轉載請注明出處。

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。