array 新特性flat()和flatMap()

flat()和flatMap()本质上就是是归纳（reduce）与合并（concat）的操作。

flat()

flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。

//flat()方法最基本的作用就是数组降维var arr1 = [1, 2, [3, 4]];
arr1.flat();
// [1, 2, 3, 4]var arr2 = [1, 2, [3, 4, [5, 6]]];
arr2.flat();
// [1, 2, 3, 4, [5, 6]]var arr3 = [1, 2, [3, 4, [5, 6]]];
arr3.flat(2);
// [1, 2, 3, 4, 5, 6]//使用 Infinity 作为深度，展开任意深度的嵌套数组
arr3.flat(Infinity);
// [1, 2, 3, 4, 5, 6]

flatMap()

flatMap() 方法首先使用映射函数映射每个元素，然后将结果压缩成一个新数组。它与 map 和深度值1的 flat 几乎相同，但 flatMap 通常在合并成一种方法的效率稍微高一些。这里我们拿map方法与flatMap方法做一个比较。

var arr1 = [1, 2, 3, 4];arr1.map(x => [x * 2]);
// [[2], [4], [6], [8]]arr1.flatMap(x => [x * 2]);
// [2, 4, 6, 8]// 只会将 flatMap 中的函数返回的数组 “压平” 一层
arr1.flatMap(x => [[x * 2]]);
// [[2], [4], [6], [8]]

参考：链接：https://juejin.im/post/5ca2e1935188254416288eb2

array 新特性flat()和flatMap()相关推荐

ES5总结1：数组Array新特性最全最精简的详解
2个位置方法:indexOf lastIndexOf 5个迭代方法:forEach every some filter map 2个高阶函数:reduce reduce ...
ECMAScript 2019(ES10)新特性简介
简介 ES10是ECMA协会在2019年6月发行的一个版本,因为是ECMAScript的第十个版本,所以也称为ES10. 今天我们讲解一下ES10的新特性. ES10引入了2大特性和4个小的特性,我们 ...
ES10新特性你了解多少
ES10的新特性主要有: 对象方法扩展字符串扩展方法数组的扩展方法 Symbol 扩展 try...catch 改变 toString() 改变一.对象方法扩展 const result = O ...
ES6~ES12——Array Includes、Object values、Object entries、Object fromEntries、flat、flatMap、空值合并运算符、可选链等
一.ES7 - Array Includes 在ES7之前,如果我们想判断一个数组中是否包含某个元素,需要通过 indexOf 获取结果,并且判断是否为 -1. 在ES7中,我们可以通过include ...
java8新特性： lambda表达式：直接获得某个list/array/对象里面的字段集合
java8新特性: lambda表达式:直接获得某个list/array/对象里面的字段集合比如,我有一张表: entity Category.java service CategoryServic ...
[转]ES7、ES8、ES9、ES10新特性大盘点
ES7.ES8.ES9.ES10新特性大盘点本文转自:https://mp.weixin.qq.com/s/8bov6788ivV0sHzmwrn5lw 以下文章来源于前端工匠 ,作者浪里行舟君前 ...
[转]ES6、ES7、ES8、ES9、ES10新特性一览 (个人整理，学习笔记)
目录 1.ES6新特性(2015) 1.1模块化(Module) 1.1.1导出(export) 1.1.2导入(import) 1.2箭头(Arrow)函数 1.2.1箭头函数的结构 1.3默认参数 ...
JavaScript高级之ECMASript 7、8 、9 、10 新特性
第3章 ECMASript 7 新特性 3.1. Array.prototype.includes Includes 方法用来检测数组中是否包含某个元素,返回布尔类型值 3.2. 指数操作符在ES7 ...
JavaScript ES2021 新特性解析
JavaScript ES2021 新特性解析新特性列表 String.prototype.replaceAll Promise.any 逻辑运算符和赋值表达式数值分隔符 Intl.ListFor ...

array 新特性flat()和flatMap()

array 新特性flat()和flatMap()相关推荐

最新文章

热门文章