数组扁平化js(js实现数组扁平化输出)

技术js怎样实现数组的扁平化js怎样实现数组的扁平化,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。数组扁平化的方式什么是数组扁平化?数组扁平化:指将一个

如何实现js数组的扁平化,针对这个问题,本文详细介绍了相应的分析和解决方法,希望能帮助更多想要解决这个问题的朋友找到更简单更容易的方法。

数组扁平化的方式

什么是阵列扁平化?

数组扁平化:它指的是把多维数组转换成一维数组。

示例:展平以下数组。

constar=[1、[2、3、[4、5]]/////[1、2、3、4、5]

1.使用flat()

flat()方法是由ES10提出的,它根据指定的深度递归遍历数组,并将所有元素与遍历的子数组中的元素组合成一个。(扁平意味着“水平的;扁平”)

Constresult1=arr.flat(无穷大)//指定深度为无穷大。

console.log(result1)//[1,2,3,4,5]

construsult2=arr . flat(1)//指定深度1

console.log(result2)//[1,2,3,[4,5]]

construsult3=arr . flat(2)//指定深度2

console.log(result3)//[1,2,3,4,5]

2.使用正则

以下做法得到的数组元素都会变成字符串,不建议使用;

constrasult1=JSON . stringify(arr)。替换(/\[|\]/g ' ')。拆分(',')

Console.log (result1)//['1 ',' 2 ',' 3 ',' 4 ',' 5']数组元素都变成了字符串对以上方法进行优化处理;.

constrasult2=JSON . parse('[' JSON . stringify(arr))。替换(/\[|\]/g,")']')

Console.log (result2)//[1,2,3,4,5]

3.使用reduce()+concat()

使用reduce获取数组的当前值和前一个值,判断当前值是否为数组,将初始值设置为[],然后使用concat合并数组。

Reduce()方法:执行您为数组中的每个元素提供的reduce函数(按升序执行),并将结果汇总成一个返回值。

Concat()方法:用于合并两个或多个数组。此方法不更改现有数组,但返回一个新数组。

函数扁平化(arr){ 0

returnrr . reduce((pre,current)=}

returnpre.concat(Array.isArray(当前)?展平(电流):电流)

},[])

}

construction sult=扁平化(arr)

Console.log (result)//[1,2,3,4,5]

4.使用函数递归

循环迭代数组,找到数组元素时递归处理,最后将数组转换为一维数组。

constrasult=[]

function exec(arr){ 0

arr . foreach(item={ 0

if(array . isarray(item)){ 0

执行(项目)

}else{

结果.推送(项目)

}

})

}

高管

Console.log (result)//[1,2,3,4,5]

5.使用扩展运算符+concat()

ES6新引入的扩展运算符可以对数组降维(一次降一维),循环判断是否有数组,进行concat合并。

Some()方法:测试数组中是否至少有一个元素通过了提供的函数测试(它返回一个布尔值)。

函数扁平化(arr){ 0

while(arr . some(item=array . isarray(item)))

arr=[]。concat(.arr)

}

返回

}

construction sult=扁平化(arr)

Console.log (result)//[1,2,3,4,5]这里分享了js如何展平数组的答案。我希望

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/144254.html

(0)

相关推荐

  • 火柴英文,小学英语课外教材哪个好

    技术火柴英文,小学英语课外教材哪个好英语课外教材问题,作为资深老师,我想我能提供一些有建设性的建议火柴英文:首先,有考级要求比如剑桥五级考试的学生。小学孩子很多考KET和PET,这些我建议的教材如下:应试的话剑桥的Unl

    2021年10月26日
  • 9个适用于Web开发人员的CSS工具分别是什么

    技术9个适用于Web开发人员的CSS工具分别是什么这篇文章将为大家详细讲解有关9个适用于Web开发人员的CSS工具分别是什么,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

    攻略 2021年11月11日
  • 抖音刷双击在线秒刷,怎么在平台刷抖音赞呢

    技术抖音刷双击在线秒刷,怎么在平台刷抖音赞呢增加抖音点赞量,我们最快速的方法就是去抖音刷赞双击网站,在该网站上可以刷抖音作品点赞量双击量,从而快速的增加抖音作品点赞。那有些抖音用户就纳闷了,花钱买抖音赞,抖音点赞多有什么

    测评 2021年10月21日
  • 如何理解Verilog语法

    技术如何理解Verilog语法这篇文章将为大家详细讲解有关如何理解Verilog语法,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。关于如何理解Verilog语法就分享到这

    攻略 2021年11月23日
  • 荸荠怎么煮,荸荠要煮多久 煮荸荠的方法

    技术荸荠怎么煮,荸荠要煮多久 煮荸荠的方法荸荠既可以生吃荸荠怎么煮,也可以煮熟了吃,所以要看个人喜欢什么样的口感来确定煮的软脆。如果你喜欢脆脆的感觉,那么煮10几分钟就好了。如果喜欢软一点的,就要煮半小时以上了。 荸荠既

    生活 2021年10月25日
  • 怎么使用css z index属性

    技术怎么使用css z index属性本篇内容主要讲解“怎么使用css z index属性”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么使用css z index属性”吧

    攻略 2021年11月12日