欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

es6數(shù)組的flat()，flatMap()函數(shù)用法實例分析

 更新時間：2020年04月18日 11:05:23   作者：wangliang_001  
這篇文章主要介紹了es6數(shù)組的flat()，flatMap()函數(shù)用法,結合實例形式分析了es6數(shù)組的flat()，flatMap()函數(shù)基本功能、使用方法及操作注意事項,需要的朋友可以參考下

本文實例講述了es6數(shù)組的flat()，flatMap()函數(shù)用法。分享給大家供大家參考，具體如下：

數(shù)組的成員有時還是數(shù)組，Array.prototype.flat()用于將嵌套的數(shù)組“拉平”，變成一維數(shù)組。該方法返回一個新數(shù)組，對原數(shù)據(jù)沒有影響。

[1, 2, [3, 4]].flat()
// [1, 2, 3, 4]

上面代碼中，原數(shù)組的成員里面有一個數(shù)組，flat()方法將子數(shù)組的成員取出來，添加在原來的位置。

flat()默認只會“拉平”一層，如果想要“拉平”多層的嵌套數(shù)組，可以將flat()方法的參數(shù)寫成一個整數(shù)，表示想要拉平的層數(shù)，默認為1。

[1, 2, [3, [4, 5]]].flat()
// [1, 2, 3, [4, 5]]
[1, 2, [3, [4, 5]]].flat(2)
// [1, 2, 3, 4, 5]

上面代碼中，flat()的參數(shù)為2，表示要拉平兩層的嵌套數(shù)組。

如果不管有多少層嵌套，都要轉成一維數(shù)組，可以用Infinity關鍵字作為參數(shù)。

[1, [2, [3]]].flat(Infinity)
// [1, 2, 3]

如果原數(shù)組有空位，flat()方法會跳過空位。

[1, 2, , 4, 5].flat()
// [1, 2, 4, 5]

flatMap()方法對原數(shù)組的每個成員執(zhí)行一個函數(shù)，相當于執(zhí)行Array.prototype.map(),然后對返回值組成的數(shù)組執(zhí)行flat()方法。該方法返回一個新數(shù)組，不改變原數(shù)組。

// 相當于 [[2, 4], [3, 6], [4, 8]].flat()
[2, 3, 4].flatMap((x) => [x, x * 2])
// [2, 4, 3, 6, 4, 8]

flatMap()只能展開一層數(shù)組。

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。

更多關于JavaScript相關內(nèi)容可查看本站專題：《javascript面向對象入門教程》、《JavaScript錯誤與調(diào)試技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數(shù)學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。

相關文章

最新評論