后台-插件-广告管理-内容页广告位一(手机)

您现在的位置是:首页 > 开发类 > Web开发Web开发

数组扁平化的几种方式

2021-06-07 21:02:54Web开发人已围观

简介什么是数组扁平化? 数组扁平化其实就是将多维数组转为一维数组。 数组扁平化的几种方式 方式一:ES6的flat方法 const arr = [1,[2,[3,[4,5]]],6] // 方法一:数组自

什么是数组扁平化?

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

数组扁平化的几种方式

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

文章来源:https://www.cnblogs.com/cythia/archive/2021/06/07/14856626.html

Tags:

很赞哦! ()

后台-插件-广告管理-内容页广告位二(手机)

相关文章

后台-插件-广告管理-内容页广告位三(手机)
后台-插件-广告管理-内容页广告位四(手机)

文章评论

留言与评论(共有 0 条评论)
   
验证码:

本栏推荐

站点信息

  • 文章统计60341篇文章
  • 浏览统计4607次浏览
  • 评论统计1个评论
  • 标签管理标签云
  • 统计数据:统计代码
  • 微信公众号:扫描二维码,关注我们