- A+
所属分类：Web前端
什么是数组扁平化？
数组扁平化其实就是将多维数组转为一维数组。
数组扁平化的几种方式
方式一：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方法")
reduce的详细使用方法请查看我的另外一篇博文数组的reduce方法详细解 - Cynthia-milk - 博客园 (cnblogs.com)
