糖尿病康复,内容丰富有趣,生活中的好帮手!
糖尿病康复 > web前端数组处理之扁平化数组

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

时间:2021-10-16 06:07:36

相关推荐

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

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

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

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

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

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

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

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

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

方法四:函数递归

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

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

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

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

本文来自千锋教育,转载请注明出处。

如果觉得《web前端数组处理之扁平化数组》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。