阅读 120

数组扁平化的几种方式

什么是数组扁平化?

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

实现扁平化的几种方式

方式一:使用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)
复制代码
  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方法详解

文章分类
前端
文章标签