es6数组的flat(),flatMap()函数用法实例分析
程序员文章站
2022-07-06 18:19:21
本文实例讲述了es6数组的flat(),flatmap()函数用法。分享给大家供大家参考,具体如下:数组的成员有时还是数组,array.prototype.flat()用于将嵌套的数组“拉平”,变成一...
本文实例讲述了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测试上述代码运行效果。
上一篇: 基于aotu.js实现微信自动添加通讯录中的联系人功能
下一篇: vue实现拖拽效果