数组扁平化的几种方式

摘要：ES6的flat方法:使用的是ES6的flat(),flat方法的参数可以是n也可以直接写死Infinity，n代表展开几层，例如上面的例子是最多是3维数组，需要展开3层，可以直接写3

什么是数组扁平化？

数组扁平化其实就是将多维数组转为一维数组。

数组扁平化的几种方式

方式一：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)

首先是使用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方法")

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://shenqiku.cn/article/FLY_10400