当前位置: 首页 > 工具软件 > Flat > 使用案例 >

数据方法 flat和flatMap的区别

越文康
2023-12-01

数据方法 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]
 类似资料: