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

JavaScript大批flatMap()方法用於展平和映射數組的元素。它的工作原理是將提供的函數應用於數組的每個元素，然後將結果展平到一個新數組中。

JavaScript 中使用此方法來映射數組的元素並將結果展平到新數組中。當您想要執行可能為每個元素返回數組的映射操作，並且您希望最終結果是單個展平數組時，這特別方便。

例子：

const words = ["Hello", "world", "how", "are", "you"];  
const result = words.flatMap(word => word.split('')); 
console.log(result); // Output: ["H", "e", "l", "l", "o", "w", "o", "r", "l", "d", "h", "o", "w", "a", "r", "e", "y", "o", "u"]

用法:

let A = array.flatMap(function callback(current_value, index, Array)) {
// It returns the new array's elements.
}

參數：

• current_value:它是輸入數組元素。
• index:
  • 它是可選的。
  • 它是輸入元素的索引。
• Array:
  • 它是可選的。
  • 當調用數組映射時使用它。

返回值：它返回一個新數組，其元素是回調函數的返回值。

示例 1：在此示例中，flatMap()方法用於對數字數組執行對偶運算。使用回調函數將每個數字加倍並平方，從而產生一個新數組。這flatMap()函數確保為每個數字生成的各個數組被展平為單個數組，從而生成具有雙倍和平方值的最終數組。

const numbers = [1, 2, 3, 4];
const doubledAndSquared = numbers.flatMap(num => [num * 2, num ** 2]);
console.log(doubledAndSquared);

[
  2, 1, 4,  4,
  6, 9, 8, 16
]

示例 2：在此示例中，flatMap()方法用於處理句子數組。回調函數，sentence => sentence.split(' ')，應用於每個句子，將其拆分為單詞數組。這 flatMap()方法然後將這些數組展平為單維單詞數組。

const sentences = ["Hello world", "How are you?", "JavaScript is fun"];
const words = sentences.flatMap(sentence => sentence.split(' '));
console.log(words);

[ 'Hello', 'world', 'How', 'are', 'you?', 'JavaScript', 'is', 'fun' ]

我們有 Javascript 數組方法的完整列表，要檢查這些方法，請瀏覽此Javascript 數組完整參考文章。

支持的瀏覽器：

• 穀歌瀏覽器 69 及以上版本
• 邊 79 及以上
• 火狐 62 及以上版本
• Opera 56 及以上
• Safari 12 及以上版本

注意：此方法僅在 Firefox Nighty 中可用。

我們有一份關於 Javascript 的備忘單，其中涵蓋了 Javascript 的所有重要主題，請查看這些主題Javascript Cheat Sheet-A JavaScript 基本指南.