ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

数组扁平化的几种方式

2021-06-26 09:34:00  阅读:205  来源: 互联网

标签:flat arr const 扁平化 几种 数组 Infinity


什么是数组扁平化?

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

 

数组扁平化的几种方式

方式一: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转为字符串

 

 

接着使用正则把字符串里面的 [ 和 ]去掉

 

 

然后再拼接数组括号转为数组对象

 

 

https://www.98891.com/article-61-1.html

方法三:使用递归

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

标签:flat,arr,const,扁平化,几种,数组,Infinity
来源: https://www.cnblogs.com/Qooo/p/14933397.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有