当前位置:网站首页>JS中数组扁平化的几种方法
JS中数组扁平化的几种方法
2022-08-08 22:43:00 【MonsterQy】
前言
数组扁平化是什么?
数组扁平化无疑是一个老生常谈的问题,它其实就是一个将多维数组转变为一维数组的过程。接下来我将介绍几种常见的扁平化方法。
一、递归
基本思想:遍历数组,不断去判断当前元素类型为数组还是数字,数字就连接,数组就递归调用此方法。
代码如下
var arr1=[[1,2],[3,4],[[5,6],[7,8]],9]
var flatten=function(arr)
{
var res=[]
arr.map((item,index)=>
{
if(Array.isArray(item))
{
res=res.concat(flatten(item))
}
else{
res.push(item)
}
})
return res
}
console.log(flatten(arr1))
二、reduce+递归方法
基本思想:递归一样,不过调用了reducer方法是过程更简单
代码如下
var flatten=function(arr1)
{
return arr1.reduce((prev,cur)=>
{
prev=prev.concat(Array.isArray(cur)?flatten(cur):cur)
return prev
},[])
}
三、toString()
基本思想:toSting()方法对于多维数组来说会直接将其转化为字符串,所以我们可以先对数组调用toSting方法,再将其转换为数字类型,添加到数组当中。
代码如下(示例):
var flatten=function(arr)
{
arr.toString().split(',').map((item,key)=>
{
return Number(item)
})
}
四、join()
与toSting()原理相同,不过是利用join()方法去将其转变为字符串。
var flatten_2=function(arr)
{
return arr.join(',').split(',').map((item,index)=>
{
return Number(item)
})
}
总结:经常通过.join将array转变为sting,通过split转变为array
五、flat()
该方法可以直接实现数组扁平化。默认参数为1即降一维,参数为Infinity指无论几维都将其转变为一维数组。
arr1=arr1.flat(Infinity)
边栏推荐
猜你喜欢
随机推荐
一个PHP算法,php数组一个二维数组拆分成多个子数组
微信小程序“反编译”实战”解包 后面有彩蛋
Xcode 创建一个Dylib 插件deb项目
抖音开启“818发现好物节”:电商平台造节活动何时休
Roson的Qt之旅#108 QML ListView的布局、方向和堆叠顺序
人人熟知的IPV6竟然还有这么多细节
The Socket (Socket)
SVN Update和Commit执行文件
防火墙初接触
Unity ScrollView无限循环左右滑动翻页带阻尼效果
IMConversation 或 IMUser 类型数据
请问:支付宝上买基金安全吗
我曾七次鄙视自己的灵魂——纪伯伦
罗永浩退网创业,交个朋友加速谋求“曲线上市”?
SublimeText 3清凉编辑器php开发自定义颜色文字主题配置加汉化
Kubernetes与OpenStack
sqli_libsLess-2 GET - Error based - Intiger based (基于错误的GET整型注入)
MES docks with Simba to realize IMEI number writing and coupling test of Spreadtrum platform
2020-03-16
MES对接Simba实现展讯平台 IMEI 写号与耦合测试