欢迎光临
我的个人博客网站

数组扁平化的几种方式


什么是数组扁平化?

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

数组扁平化的几种方式

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

  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方法详细解 – Cynthia-milk – 博客园 (cnblogs.com)

赞(0) 打赏
未经允许不得转载:张拓的天空 » 数组扁平化的几种方式
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏