es6数组的flat(),flatMap()函数用法实例分析
本文实例讲述了es6数组的flat(),flatMap()函数用法。分享给大家供大家参考,具体如下:
数组的成员有时还是数组,Array.prototype.flat()用于将嵌套的数组“拉平”,变成一维数组。该方法返回一个新数组,对原数据没有影响。
[1,2,[3,4]].flat() //[1,2,3,4]
上面代码中,原数组的成员里面有一个数组,flat()方法将子数组的成员取出来,添加在原来的位置。
flat()默认只会“拉平”一层,如果想要“拉平”多层的嵌套数组,可以将flat()方法的参数写成一个整数,表示想要拉平的层数,默认为1。
[1,2,[3,[4,5]]].flat() //[1,2,3,[4,5]] [1,2,[3,[4,5]]].flat(2) //[1,2,3,4,5]
上面代码中,flat()的参数为2,表示要拉平两层的嵌套数组。
如果不管有多少层嵌套,都要转成一维数组,可以用Infinity关键字作为参数。
[1,[2,[3]]].flat(Infinity) //[1,2,3]
如果原数组有空位,flat()方法会跳过空位。
[1,2,,4,5].flat() //[1,2,4,5]
flatMap()方法对原数组的每个成员执行一个函数,相当于执行Array.prototype.map(),然后对返回值组成的数组执行flat()方法。该方法返回一个新数组,不改变原数组。
//相当于[[2,4],[3,6],[4,8]].flat() [2,3,4].flatMap((x)=>[x,x*2]) //[2,4,3,6,4,8]
flatMap()只能展开一层数组。
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于JavaScript相关内容可查看本站专题:《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。