數組扁平化的幾種方式

什么是數組扁平化？

數組扁平化其實就是將多維數組轉為一維數組。

數組扁平化的幾種方式

方式一：ES6的flat方法

const arr = [1,[2,[3,[4,5]]],6]
//  方法一：數組自帶的扁平化方法,flat的參數代表的是需要展開幾層，如果是Infinity的話，就是不過嵌套幾層，全部都展開
console.log(arr.flat(Infinity))

使用的是ES6的flat(),flat方法的參數可以是n也可以直接寫死Infinity，n代表展開幾層，例如上面的例子是最多是3維數組，需要展開3層，可以直接寫3

如果寫的是Infinity的話，就是不管你是多少維數組，都會直接轉為一維數組

方式二：使用正則

const arr = [1,[2,[3,[4,5]]],6]
const res = JSON.stringify(arr).replace(/\[|\]/g,'')
const res2 = JSON.parse('[' + res + ']')
console.log(res2)

1. 首先是使用JSON.stringify把arr轉為字符串

2. 接着使用正則把字符串里面的 [ 和 ]去掉

3. 然后再拼接數組括號轉為數組對象

方法三：使用遞歸

const array = []
const  fn = (arr)=>{
for(let i = 0;i<arr.length; i++){
                if(Array.isArray(arr[i])){
                    fn(arr[i])
                }
                else {
                    array.push(arr[i])
                }
            }
      }
fn(arr)
console.log(array)

方法四：使用reduce

const newArr = (arr)=>{
            return arr.reduce((pre,cur)=>{
                return pre.concat(Array.isArray(cur) ? newArr(cur) : cur)
            },[])
        }
console.log(newArr(arr),"reduce方法")

reduce的詳細使用方法請查看我的另外一篇博文數組的reduce方法詳細解 - Cynthia-milk - 博客園 (cnblogs.com)