关注微信公众号
创头条企服版APP

您是个人用户,您可以认领企业号

Web前端技术分享之如何将数组扁平化处理?

12091
千锋武汉 2021-01-20 12:36 抢发第一评

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

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

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

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

image.png

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

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

image.png 

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

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

image.png

方法四:函数递归

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

image.png

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

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

image.png

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

image.png

以上就是小编总结的Web前端快速处理扁平化数组的6种方法,希望本文的分享能帮到各个学习Web前端的小伙伴。随着移动互联网热潮的到来,移动开发越来越受到大家的追捧,前端开发人员也会成为互联网企业必备的人才之一,对于想要学习Web前端进入前端领域的人来说这是一个非常好的机会。


声明:该文章版权归原作者所有,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本网联系。
您阅读这篇文章花了0
转发这篇文章只需要1秒钟
喜欢这篇 5
评论一下 0
相关文章
评论
试试以这些内容开始评论吧
登录后发表评论

发红包推广

已有226027人领了红包

已有红包文章99+

一大波红包文章在招手!
赶快分享起来,一起瓜分大红包吧

发红包
阿里云创新中心
阿里云创学院
×
#热门搜索#
精选双创服务
历史搜索 清空

Tel:18514777506

关注微信公众号

创头条企服版APP