Javascript array.flatMap()用法及代碼示例

array.flatMap()是JavaScript中的內置函數，用於將輸入數組元素展平為新數組。
此方法首先借助映射函數映射每個元素，然後將輸入數組元素展平為新數組。
用法:

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

參數：

打回來：

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

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

JavaScript代碼顯示上述函數的函數：
代碼1：

<script> 
  
// Taking input as an array A having some elements. 
var A = [ 1, 2, 3, 4, 5 ]; 
  
// Mapping with map function. 
b = A.map(x => [x * 3]); 
document.write(b); 
  
// Mapping and flatting with flatMap() function. 
c = arr1.flatMap(x => [x * 3]); 
document.write(c); 
  
// Mapping and flatting with flatMap() function. 
d = arr1.flatMap(x => [[ x * 3 ]]); 
document.write(d); 
</script>

輸出：

[[3], [6], [9], [12], [15]]
[3, 6, 9, 12, 15]
[[3], [6], [9], [12], [15]]

代碼2：也可以在reduce和concat的幫助下進行扁平化。

<script> 
  
// Taking input as an array A having some elements. 
var A = [ 1, 2, 3, 4, 5 ]; 
array.flatMap(x => [x * 3]); 
  
// is equivalent to 
b = A.reduce((acc, x) => acc.concat([ x * 3 ]), []); 
document.write(b); 
</script>

輸出：

[3, 6, 9, 12, 15]

注意：此函數僅在Firefox Nightly中可用。

注：本文由純淨天空篩選整理自Kanchan_Ray大神的英文原創作品 JavaScript | array.flatMap()。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。