新聞中心
這篇文章主要講解了如何使用es6數(shù)組的flat(),flatMap()函數(shù),內(nèi)容清晰明了,對此有興趣的小伙伴可以學(xué)習(xí)一下,相信大家閱讀完之后會有幫助。
創(chuàng)新互聯(lián)公司專注于網(wǎng)站建設(shè)|成都網(wǎng)站維護(hù)|優(yōu)化|托管以及網(wǎng)絡(luò)推廣,積累了大量的網(wǎng)站設(shè)計(jì)與制作經(jīng)驗(yàn),為許多企業(yè)提供了網(wǎng)站定制設(shè)計(jì)服務(wù),案例作品覆蓋成都汽車玻璃修復(fù)等行業(yè)。能根據(jù)企業(yè)所處的行業(yè)與銷售的產(chǎn)品,結(jié)合品牌形象的塑造,量身建設(shè)品質(zhì)網(wǎng)站。
數(shù)組的成員有時(shí)還是數(shù)組,Array.prototype.flat()用于將嵌套的數(shù)組“拉平”,變成一維數(shù)組。該方法返回一個(gè)新數(shù)組,對原數(shù)據(jù)沒有影響。
[1, 2, [3, 4]].flat() // [1, 2, 3, 4]
上面代碼中,原數(shù)組的成員里面有一個(gè)數(shù)組,flat()方法將子數(shù)組的成員取出來,添加在原來的位置。
flat()默認(rèn)只會“拉平”一層,如果想要“拉平”多層的嵌套數(shù)組,可以將flat()方法的參數(shù)寫成一個(gè)整數(shù),表示想要拉平的層數(shù),默認(rèn)為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ù)組。
如果不管有多少層嵌套,都要轉(zhuǎn)成一維數(shù)組,可以用Infinity關(guān)鍵字作為參數(shù)。
[1, [2, [3]]].flat(Infinity) // [1, 2, 3]
如果原數(shù)組有空位,flat()方法會跳過空位。
[1, 2, , 4, 5].flat() // [1, 2, 4, 5]
flatMap()方法對原數(shù)組的每個(gè)成員執(zhí)行一個(gè)函數(shù),相當(dāng)于執(zhí)行Array.prototype.map(),然后對返回值組成的數(shù)組執(zhí)行flat()方法。該方法返回一個(gè)新數(shù)組,不改變原數(shù)組。
// 相當(dāng)于 [[2, 4], [3, 6], [4, 8]].flat() [2, 3, 4].flatMap((x) => [x, x * 2]) // [2, 4, 3, 6, 4, 8]
flatMap()只能展開一層數(shù)組。
看完上述內(nèi)容,是不是對如何使用es6數(shù)組的flat(),flatMap()函數(shù)有進(jìn)一步的了解,如果還想學(xué)習(xí)更多內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
網(wǎng)站欄目:如何使用es6數(shù)組的flat(),flatMap()函數(shù)
網(wǎng)頁路徑:http://www.ef60e0e.cn/article/gchssg.html