4种数组扁平化的方式

web前端开发

共 1149字,需浏览 3分钟

 ·

2021-06-13 11:40

什么是数组扁平化?

数组扁平化其实就是将多维数组转为一维数组。今天与你一起来分享4种数组扁平化的方式。

方式一: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方法")

本文完~


学习更多技能

请点击下方公众号

浏览 18
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报