数组扁平化的几种方式

什么是数组扁平化？

数组扁平化的意思就是将多维数组转为一维数组

实现扁平化的几种方式

方式一：使用ES6的flat方法

const arr = [1,[2,[3,[4,5]]],6]
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)

首先是使用JSON.stringify把arr转为字符串
接着使用正则把字符串里面的 [ 和 ]去掉
然后再拼接数组括号转为数组对象

方式三：使用递归

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方法详解