全国旗舰校区

不同学习城市 同样授课品质

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

下一个校区
就在你家门口
+
当前位置:首页  >  技术干货

web前端数组处理之扁平化数组

发布时间:2021-01-15 08:52:00
发布人:小千

      在进行前端开发的时候避免不了会遇到很多数组的情况,其中不乏会存在数组套数组或者需要合并数组的情况,今天小千就来给大家介绍一下如何将数组扁平化处理。

      数组扁平化概念:用于将嵌套多层的数组“拉平”,变成一维的数组

      方法一:通过concat将二维数组转化为一维数组

      原理:通过将扩展运算符,将数组内部展开,并通过concat连接两个字符串的方式返回一个新的数组。

1

      方法二:使用数组方法join和字符串方法split进行数组扁平化

      原理:通过join方法将数组转化为以点隔开的字符串,在使用split把转化的字符串转化成字符串数组,通过。map方法将内部字符串转化数字类型的

2

      方法三:通过正则方法和JSON.stringify方法和数组方法

      原理:首先将数组转化为字符串 使用字符串匹配正则规则 替换所有的 '[' ']' 和方法二类似 split 主要是讲字符串转化为数组,map将字符串数组转化为数字

3

      方法四:函数递归

      原理:判断获取的当前值是不是数组,是数组就递归调用

4

      方法五:通过reduce方法进行数组扁平化

      原理:主要是通过reduce的依次执行,判断当前拿到的对象是不是数组, 是数组就进行一次函数递归将内部所有数组扁平化(与方法四类似)

5

      方法六:ES6新增方法flat()

6

      学习web前端,可以参考千锋web前端培训班提供的web前端学习路线,该学习路线对从零基础小白到web前端初级开发工程师,web前端高级开发工程师,后面的web前端大神级开发工程师都有一个明确清晰的指导,根据千锋web前端培训机构提供的web前端学习路线图可以让你对学习web前端开发需要掌握的知识有个清晰的了解,并快速入门web前端开发。想要获取前端完整学习路线和免费的学习资料可以添加我们的web前端技术分享交流qq群:857920838  加群找群管理领取即可,等你来哦~~

相关文章

Call Stack(调用栈)是什么?

Call Stack(调用栈)是什么?

2023-10-14
RS232电平和TTL电平有什么不同?

RS232电平和TTL电平有什么不同?

2023-10-14
Go语言为什么能成为区块链主流开发语言?

Go语言为什么能成为区块链主流开发语言?

2023-10-14
有了基本数据类型,为什么还需要包装类型?

有了基本数据类型,为什么还需要包装类型?

2023-10-14

最新文章

常见网络安全面试题:Windows常用的命令有哪些?

常见网络安全面试题:Windows常用的命令有哪些?

2023-10-09
常见网络安全面试题:根据设备告警如何展开排查?

常见网络安全面试题:根据设备告警如何展开排查?

2023-10-09
常见网络安全面试题:mysql加固呢?(数据库加固)

常见网络安全面试题:mysql加固呢?(数据库加固)

2023-10-09
常见网络安全面试题:windows和linux加固?(操作系统加固)

常见网络安全面试题:windows和linux加固?(操作系统加固)

2023-10-09
在线咨询 免费试学 教程领取