JavaScript Array flatMap()用法及代码示例

用法:

arr.flatMap(callback(currentValue),thisArg)

这里，arr 是一个数组。

参数：

flatMap() 方法包含：

• callback- 最初在每个数组元素上执行的函数。它包含：
  • currentValue - 从数组传递的当前元素。
• thisArg(可选)- 执行 callback 时用作 this 的值。

返回：

• 使用映射每个元素后返回一个新数组callback并将其展平到1.

示例：使用flatMap() 方法

const arr1 = [1, 2, 3, 4, 5];

const newArr1 = arr1.flatMap((x) => [x ** 2]);
console.log(newArr1); // [ 1, 2, 3, 4, 5 ]

// can also be done as
const intermediate = arr1.map((x) => [x ** 2]);
console.log(intermediate); // [ [ 1 ], [ 4 ], [ 9 ], [ 16 ], [ 25 ] ]

const newArr2 = intermediate.flat();
console.log(newArr2); // [ 1, 4, 9, 16, 25 ]

const numbers = [1, 2, 3, 4, 5, 6, 7];

// remove odd and split even element to two half elements
function func(n) {
  if (n % 2 === 0) {
    return [n / 2, n / 2];
  } else {
    return [];
  }
}
const newArr3 = numbers.flatMap(func);
console.log(newArr3); // [ 1, 1, 2, 2, 3, 3 ]

输出

[ 1, 4, 9, 16, 25 ]
[ [ 1 ], [ 4 ], [ 9 ], [ 16 ], [ 25 ] ]
[ 1, 4, 9, 16, 25 ]
[ 1, 1, 2, 2, 3, 3 ]