【实现数组扁平化——js】

数组扁平化：

指将一个多维数组转化为一个一维数组

const arr = [1,[2,3,[4,5]]]  // ---->  [1,2,3,4,5]

第一种：使用flat()方法
flat() 方法是ES10提出的，它会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。（flat意为“水平的，平坦的）”

const res1 = arr.flat(Infinity)  // 指定深度为无限
//  --> [1,2,3,4,5]
const res2 = arr.flat(1)  // 指定深度为1
//   --> [1,2,3,[4,5]]
const res3 = arr.flat(2)  // 指定深度为2
//   --> [1,2,3,4,5]

第二种：使用正则
以下做法得到的数组元素都会变成字符串，不建议使用

const res1 = JSON.stringify(arr).replace(/\[|\]/g,'').split(',')
//  --> ['1','2','3','4','5']

对以上方法进行优化处理

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

第三种：使用reduce() + concat()
使用reduce(）拿到数组的当前值和前一项的值，判断当前值是否为数组，初始值设置为[]，然后使用concat()进行数组合并

• reduce()方法：对数组中的每个元素执行一个由您提供的reduce函数（升序执行，将其结果汇总为单个返回值
• concat()方法：用于合并两个或多个数组，方法不会更改现有数组，而是返回一个新数组

function flatten(arr){
   return arr.reduce((pre,current) => {
      return pre.concat(Array.isArray(current) ? flatten(current) : current)
   },[])
}
const res = flatten(arr)
// --> [1,2,3,4,5]

第四种：使用函数递归
循环遍历数组，发现含有数组元素就进行递归处理，最终将数组转为一维数组

const res = []
function exec(arr) {
    arr.forEach(item => {
       if (Array.isArray(item){
          exec(item)
        } else {
          res.push(item)
        }
     })
}
exec(arr)
// --> [1,2,3,4,5]

使用扩展运算符 + concat()
ES6新推出的扩展运算符能对数组进行降维处理（一次降一维），循环判断是否含有数组，进行concat合并

• some()方法：测试数组中是不是至少有一个元素通过了被提供的函数测试（它返回的是一个boolean类型的值）

function flatten(arr) {
   while(arr.some(item => Array.isArray(item))){
     arr = [].concat(...arr)
   }
   return arr
}
const res = flatten(arr)
// --> [1,2,3,4,5]