js中数组的方法：flat 和 flatMap

一，flat()

定义：该方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。也就是数组降维操作。

参数：

var newArray = arr.flat([depth])

depth：指定要提取嵌套数组的结构深度(降维深度)，默认值为 1。

例子：

1.扁平化嵌套数组

const newArr = [1, 2, 3, ['a', 'b', 'c', ['Aa']]].flat(2)//[1,2,3,"a","b","c","Aa]
const newArr2 = [1, 2, 3, ['a', 'b', 'c', ['Aa']]].flat(2)//[1, 2, 3, ['a', 'b', 'c', ['Aa']]].flat(1) 

2.Infinity扁平化任意深度
const newArr2 = [1, 2, 3, ['a', 'b', 'c', ['Aa']]].flat(Infinity)//[1, 2, 3, ['a', 'b', 'c', ['Aa']]].flat(1) 

3.扁平化与空项
const newArr = [1, 2, 3, , 6, 8].flat() // [1, 2, 3, 6, 8]

二、flatMap()

定义：数组的一个新方法，它会遍历原数组的每一个元素， 并且会为每个元素都执行一次传入的回调函数，最终把所有元素执行回调函数返回的结果压缩成一个新数组，flatMap会返回一个新的数组，不会改变原数组的元素。

callback:   遍历数组元素的时候，会为每一个元素都执行一次回调函数，可以传入三个参数：

currentValue：当前正在数组中处理的元素。

index：可选的。数组中正在处理的当前元素的索引。

array：可选的。调用flatMap方法的数组。

例子：

1、分割元素
const msgArr = ["it's Sunny in", "California"];
 
const newArr = msgArr.flatMap(i => i.split(' '))

console.log(newArr); //   ["it's", "Sunny", "in", "California"]

2、删除元素
const arr = [1, 2, 3, 4]
	
const newArr = arr.flatMap(x => x % 2 === 0 ? [x]: [])
	
console.log(newArr); // [2, 4]

3、修改元素
const arr = [1, 2, 3, 4]
	
const newArr = arr.flatMap(x => [x * 2])
	
console.log(newArr); // [2, 4, 6, 8]

4、过滤元素
	/**
	 * 后端接口返回的公司列表数据：
	 * 	Id: 公司的唯一ID
	 *  Name: 公司名称
	 * 	Authorized: 是否已经授权： 1:已授权，2：未授权
	 * 
	 */
	
	const studioList = [
		{
			Authorized: "2",
			CompanyType: "1",
			Id: "3729",
			Name: "阿我打完的",
			ServiceProviderId: "6",
			TenantId: "1",
		},
		{
			Authorized: "1",
			CompanyType: "1",
			Id: "3134",
			Name: "纳税统计-启用时间202101无期初",
			ServiceProviderId: "6",
			TenantId: "1",
		},
		{
			Authorized: "1",
			CompanyType: "1",
			Id: "427",
			Name: "美丽人生工作室",
			ServiceProviderId: "6",
			TenantId: "1",
		},
		{
			Authorized: "1",
			CompanyType: "1",
			Id: "410",
			Name: "凭证测试专用2",
			ServiceProviderId: "6",
			TenantId: "1",
		}
	]	

需要改成：
    [
		{
			text: '公司名称',
			value: '公司ID'
		}
	]

方法一：filter结合map
const filterList = studioList.filter(r => r.Authorized === '1').map(i => ({text: i.Name, value: i.Id}))
	
// 最终也是可以得到我们想要的数据的：[{text: "纳税统计-启用时间202101无期初",value: "3134"},{text: "美丽人生工作室",value: "427"},{text: "凭证测试专用2",value: "410"}]
console.log(filterList);

方法二：flatMap
const filterList = studioList.flatMap(r => r.Authorized === '1' ? [{text: r.Name, value: r.Id}] : [])