数据方法 flat和flatMap的区别

数据方法 flat和flatMap的区别

1.flat

作用：会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回
返回值：一个包含将数组与子数组中所有元素返回的新数组
是否改变原有数组：不改变

语法：

var newArray  = arr.flat([depth])

可以递归提取嵌套数组的深度，default：1

举例：

var arr = [1,2,[3,4]];
console.log(arr.flat()) // [1,2,3,4]
console.log(arr)  //[1,2,[3,4]]

flatMap

作用：首先使用映射函数映射每一个元素，然后将其结果压缩成一个新数组
返回值：一个新的数组，其中每一个元素都是回调函数的结果，并且结构深度为1
是否该边原有数组：否
语法：

var array = arr.flatMap(
function callback(currentValue[,index[,array]]){
	//return element for array
}[,thisArg])

参数：

• callback：可以生成一个新数组中的元素的函数，可以传入三个函数
• currentValue：当前正在数组中处理的元素
• index：可选。数组中正在处理的当前元素的索引
• array：可选。被调用的map数组
• thisArg：可选。执行callback函数时使用this值
• faltMap方法与map方法和深度depth为1 的flat几乎相同

map：

var arr = [1,2,3];
var arg = arr.Map(x => [x * 2]);
console.log(arg) // [[2],[4],[6]]
console.log(arr) // [1,2,3]

flatMap:

var arg2 = arr.flatMap(x => [[x * 2]]);
console.log(arg) // [[2],[4],[6]]
console.log(arr) // [1,2,3]