站长家园(原代码之家)(www.adminjie.com)网站源码,微信源码,游戏源码,商业源码分享平台。
当前位置:网站首页 技术文章 网络编程 正文

es6二维数组怎么转一维数组

时间:2022-04-27 [网络编程]作者:fabuyuan 浏览:5 次

es6中,可以利用flat()方法将二维数组转为一维数组,该方法会默认“拉平”一层数组,可以利用参数设置要转换的层数,该方法只返回一个新的数组,不会更改原数组,语法为“二维数组.flat()”。

本教程操作环境:windows10系统、ECMAScript 6.0版、Dell G3电脑。

es6二维数组怎么转一维数组

方法:flat();可接受参数2,3,4.....,Infinity;

flat():

1.负责将多维数组--->一维数组。该方法返回一个新的数组,对原数据没有影响。

[1,2,[2,3],[2,2]].flat()
//[1, 2, 2, 3, 2, 2]

2.flat()默认只会“拉平”一层,默认为1,如果想要“拉平”多层的嵌套数组,可以将flat()方法的参数写成一个整数,表示想要拉平的层数。

[1, 2, [3, [4, 5]]].flat()
// [1, 2, 3, [4, 5]]
[1, 2, [3, [4, 5]]].flat(2)
// [1, 2, 3, 4, 5]

3.如果不管有多少层嵌套,都要转成一维数组,可以用Infinity关键字作为参数。

如果原数组有空位,flat()方法会跳过空位。

[1, [2, [3,4]]].flat(Infinity)
// [1, 2, 3, 4]
[1, 2, , 4, 5].flat()
// [1, 2, 4, 5]

示例如下:

        const a = [1, 2, 3, 4, 3];
 
        const b = [3, 4, [5, 6]];
 
        const c = [3, 4, [5, 6, [7, 8]]];
 
        // 不传默认是二维数组降一维数组
        console.log(a.concat(b).flat());  // 打印为[1, 2, 3, 4, 3, 3, 4, 5, 6]
 
        console.log(a.concat(c).flat(3))  // 打印为[1, 2, 3, 4, 3, 3, 4, 5, 6, 7, 8]
 
        // 如果数组嵌套太过复杂可直接传值Infinity
        console.log(a.concat(c).flat(Infinity)) // 打印为[1, 2, 3, 4, 3, 3, 4, 5, 6, 7, 8]

【相关推荐:javascript视频教程、web前端】

以上就是es6二维数组怎么转一维数组的详细内容,更多请关注站长家园其它相关文章!

本文标签:  ES6

转载请注明来源:es6二维数组怎么转一维数组

本文永久链接地址:https://www.adminjie.com/post/11678.html

免责声明:
本站所发布的一切资源仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。

附:
二○○二年一月一日《计算机软件保护条例》第十七条规定:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬!鉴于此,也希望大家按此说明研究软件!

版权声明:
一、本站致力于为软件爱好者提供国内外软件开发技术和软件共享,着力为用户提供优资资源。
二、本站提供的部分源码下载文件为网络共享资源,请于下载后的24小时内删除。如需体验更多乐趣,还请支持正版。
三、我站提供用户下载的所有内容均转自互联网。如有内容侵犯您的版权或其他利益的,若有侵犯你的权益请:提交版权证明文件到邮箱 2225329873#qq.com(#换为@) 站长会进行审查之后,情况属实的会在三个工作日内为您删除。

  • 站长家园(原代码之家)会员升级
  • 最新文章
    • jquery怎么判断某个标签是否存在

      jquery怎么判断某个标签是否存在

      判断方法:1、利用元素选择器选取指定标签元素,语法“$("标签名")”,会返回一个包含指定标签的jQuery对象;2、利用length属性判断jQuery对象是...

    • jquery有哪些取值方式

      jquery有哪些取值方式

      5种取值方式:1、用“元素对象.text()”获取指定元素的文本内容;2、用“元素对象.html()”获取元素中包含标签的内容;3、用“输入框元素.val()”...

    • jquery淡入是哪个方法

      jquery淡入是哪个方法

      淡入有3种方法:1、fadeIn(),可以淡入隐藏元素,语法“元素对象.fadeIn(淡入时长)”;2、fadeTo(),语法“元素对象.fadeTo(时长,1...

    • linux中当前目录怎么表示

      linux中当前目录怎么表示

      在linux中,当前目录使用小数点“.”来表示;linux系统的目录组成类似一个倒置的树型结构,该结构以根目录(“/”)开始向下延伸,还可用“..”表示上级目录...

    • jquery都有哪些前端框架

      jquery都有哪些前端框架

      jquery前端框架有:1、EasyUI,一种基于jQuery的用户界面插件集合;2、MiniUI,专业WebUI控件库,能缩短开发时间,减少代码量;3、jQu...

    热门文章