首頁 > web前端 > js教程 > flatMap函數怎麼使用

flatMap函數怎麼使用

不言
發布: 2019-02-21 13:50:00
原創
5131 人瀏覽過

array.flatmap()是javascript內建的函數,用於將輸入陣列元素展平為新陣列。此方法首先利用映射函數來映射每個元素,然後將輸入數組元素展平為新數組。下面我們就來看看flatMap()的具體使用方法。

flatMap函數怎麼使用

flatMap()的基本語法為:

var A = array.flatMap(function callback(current_value, index, Array))
{
    //返回的新数组元素
}
登入後複製

callback:這是在三個參數的幫助下為新數組產生元素的函數,如下所示:

current_value:它是輸入陣列元素。

index:這是可選的。它是input元素的索引。

Array:這是可選的。它在調用數組映射時使用。

下面我們來看兩個具體範例

範例1:

程式碼如下

<script>  
var A = [ 1, 2, 3, 4, 5 ];  
b = A.map(x => [x * 3]); 
document.write(b);  
c = arr1.flatMap(x => [x * 3]); 
document.write(c);  
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:

程式碼如下

<script> 
var A = [ 1, 2, 3, 4, 5 ]; 
array.flatMap(x => [x * 3]); 
b = A.reduce((acc, x) => acc.concat([ x * 3 ]), []); 
document.write(b); 
</script>
登入後複製

輸出結果為:[3,6,9,12,15]

#這篇文章到這裡就已經全部結束了,更多精彩內容大家可以關注php中文網的其他相關專欄教學! ! !

以上是flatMap函數怎麼使用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板