【JavaScript】数组扁平化方法

1.自带的方法——flat()

2.正则表达式

const res = JSON.stringify(arr).replace(/\[|\]/g,'')

res.split(',')

通过 JSON.stringify 将数组对象转换成字符串,再从字符串中将 [ 和 ] 符号替换成空,之后调用split()方法将字符串转换成字符串数组,但这把原数据改变成了字符串,需要再转变成原数据格式

3.正则表达式改良版

继上面:

const res1 = JSON.parse('['+res+']');

通过 JSON.parse 将字符串解析回数组,原字符串 res 是没有 [ 和 ] 符号的,要添加上才可以解析

4.递归

通过一个递归方法遍历原数组,当判断是一个数组时,就遍历这个数组的元素是不是一个数组,如果是继续判断该元素的元素,如果不是就下一个并添加到新数组中。最后将遍历到的所有元素都依次添加到一个新数组里返回

const newArr = (arr) =>{
    return arr.reduce((pre,cur) =>{
        return pre.concat(Array.isArray(cur)? newArr(cur):cur);
    }
}

 通过reduce方法来实现数组的扁平化

posted @   RikkaXl  阅读(56)  评论(0编辑  收藏  举报
编辑推荐:
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· Obsidian + DeepSeek:免费 AI 助力你的知识管理,让你的笔记飞起来!
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
点击右上角即可分享
微信分享提示