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 ]