国产一区二区精品-国产一区二区精品久-国产一区二区精品久久-国产一区二区精品久久91-免费毛片播放-免费毛片基地

千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機(jī)構(gòu)

手機(jī)站
千鋒教育

千鋒學(xué)習(xí)站 | 隨時(shí)隨地免費(fèi)學(xué)

千鋒教育

掃一掃進(jìn)入千鋒手機(jī)站

領(lǐng)取全套視頻
千鋒教育

關(guān)注千鋒學(xué)習(xí)站小程序
隨時(shí)隨地免費(fèi)學(xué)習(xí)課程

當(dāng)前位置:首頁(yè)  >  技術(shù)干貨  > 7個(gè)鮮為人知的數(shù)組方法

7個(gè)鮮為人知的數(shù)組方法

來(lái)源:千鋒教育
發(fā)布人:syq
時(shí)間: 2022-09-19 11:48:42 1663559322

  在 JavaScript 中使用數(shù)組時(shí),您可能會(huì)發(fā)現(xiàn)自己只使用流行的方法,如 、 、 、 和 。這是可以理解的,因?yàn)檫@些非常有用的方法對(duì)于許多用例來(lái)說(shuō)已經(jīng)足夠了。map()filter()find()push()sort()

21

  但是JavaScript有超過(guò)30種數(shù)組方法,其中一些鮮為人知,很少被許多JavaScript開(kāi)發(fā)人員使用,盡管它非常強(qiáng)大并且能夠解決現(xiàn)實(shí)世界的問(wèn)題。

  因此,在本文中,我們將介紹其中7種鮮為人知的JavaScript數(shù)組方法。我們將了解它們的工作原理,并了解如何在實(shí)踐中使用它們。

  1. 復(fù)制與()

  copyWithin() 方法將數(shù)組的一部分復(fù)制到同一數(shù)組中的另一個(gè)位置并返回它,而不增加其長(zhǎng)度。

  例如:

22

  如果您不熟悉此方法,您可能會(huì)發(fā)現(xiàn)此處的結(jié)果令人困惑。要了解工作原理,讓我們看一下它的參數(shù):copyWithin()

  target:是數(shù)組中要將指定部件復(fù)制到的位置。

  start:是將要復(fù)制的部件的起始索引。

  end:是將要復(fù)制的部件的結(jié)束索引。

  因此,通過(guò)分別傳遞 、和,我們告訴獲取 index 和 獨(dú)占之間的數(shù)組元素,并將它們復(fù)制到數(shù)組的另一部分,從 index 開(kāi)始。這意味著開(kāi)始復(fù)制元素并在元素所在的位置,替換 和 。313copyWithin()133copyWithin()12445

  讓我們看另一個(gè)例子:

23

  在這里,我們告訴開(kāi)始將數(shù)字 , , , 和 復(fù)制到 is 的位置,替換任何連續(xù)的元素,直到(最后一個(gè)元素)被復(fù)制。copyWithin()678910110

  如前所述,不會(huì)增加數(shù)組的長(zhǎng)度,但如果到達(dá)數(shù)組的末尾,將停止復(fù)制。copyWithin()

24

  2. 在()

  此方法是新的 ES13 JavaScript 功能之一,它提供了一種從數(shù)組末尾訪問(wèn)元素的更清晰方法。

  而不是像這樣編寫(xiě)代碼:

25

  使用at(),我們可以更簡(jiǎn)潔,更富有表現(xiàn)力地做到這一點(diǎn),如下所示:

26

  我們只需傳遞一個(gè)負(fù)值,即可從數(shù)組末尾訪問(wèn) th 元素。-NN

  3. 還原權(quán)()

  reduceRight() 方法的工作方式類(lèi)似于更流行的 reduce() 方法,不同之處在于回調(diào)函數(shù)從右到左而不是從左到右應(yīng)用于數(shù)組的每個(gè)值。

27

  reduceRight()從右到左重復(fù)執(zhí)行數(shù)組的每個(gè)元素傳遞的回調(diào)函數(shù)。我們?cè)谶@里傳遞的回調(diào)只是連接當(dāng)前元素和累加器字符串,最終導(dǎo)致反向單詞。

  reduceRight()當(dāng)您希望從左到右表示列表,但從右到左進(jìn)行評(píng)估時(shí),可以提供幫助。下面是一個(gè)示例:

28

  4. 查找尾頁(yè)()

  ES13 中 JavaScript 的另一個(gè)新成員是 findLast() 方法,用于從最后一個(gè)元素開(kāi)始搜索數(shù)組中的項(xiàng)。

  我們可以在我們知道從最后一個(gè)元素中查找可能比使用該方法獲得更好的性能的情況下使用它。find()

  例如,在這里,我們嘗試獲取數(shù)組中屬性等于 的項(xiàng)。跟:value'y'find()

29

  這是可行的,但是由于目標(biāo)對(duì)象更接近數(shù)組的尾部,如果我們使用該方法從末尾搜索數(shù)組,我們也許能夠使這個(gè)程序運(yùn)行得更快:findLast()

30

  另一個(gè)用例是,我們必須從末尾專(zhuān)門(mén)搜索數(shù)組以獲得正確的元素。findLast()

  例如,如果我們想在數(shù)字列表中找到最后一個(gè)偶數(shù),將產(chǎn)生一個(gè)完全錯(cuò)誤的結(jié)果:find()

31

  但會(huì)從最后開(kāi)始搜索,并給我們正確的項(xiàng)目:findLast()

32

  5. 查找最新索引()

  findLastIndex() 的工作方式類(lèi)似于 ,但它返回找到的元素的索引,而不是元素本身。findLast()

  在下面的示例中,我們使用查找數(shù)組中具有顏色的最后一個(gè)汽車(chē)對(duì)象的索引并將其刪除。findLastIndex()red

33

  6. 最后索引()

  lastIndexOf() 方法返回可在數(shù)組中找到特定元素的最后一個(gè)索引。

34

  我們可以傳遞第二個(gè)參數(shù)來(lái)指定數(shù)組中的索引,在該索引中,它應(yīng)該停止搜索該索引之后的字符串:lastIndexOf()

35

  7. 平面地圖()

  flatMap() 方法使用給定的回調(diào)函數(shù)轉(zhuǎn)換數(shù)組,然后將轉(zhuǎn)換后的結(jié)果平展一個(gè)級(jí)別。

36

  調(diào)用數(shù)組與調(diào)用 map() 后跟深度為 1 的 flat() 相同,但它比分別調(diào)用這兩個(gè)方法更有效。flatMap()

37

  結(jié)論

  因此,我們研究了JavaScript中一些不太流行的數(shù)組方法。許多開(kāi)發(fā)人員可能不知道它們,但它們的有用性是毫無(wú)疑問(wèn)的。您可能很快就會(huì)需要其中之一。

tags:
聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
10年以上業(yè)內(nèi)強(qiáng)師集結(jié),手把手帶你蛻變精英
請(qǐng)您保持通訊暢通,專(zhuān)屬學(xué)習(xí)老師24小時(shí)內(nèi)將與您1V1溝通
免費(fèi)領(lǐng)取
今日已有369人領(lǐng)取成功
劉同學(xué) 138****2860 剛剛成功領(lǐng)取
王同學(xué) 131****2015 剛剛成功領(lǐng)取
張同學(xué) 133****4652 剛剛成功領(lǐng)取
李同學(xué) 135****8607 剛剛成功領(lǐng)取
楊同學(xué) 132****5667 剛剛成功領(lǐng)取
岳同學(xué) 134****6652 剛剛成功領(lǐng)取
梁同學(xué) 157****2950 剛剛成功領(lǐng)取
劉同學(xué) 189****1015 剛剛成功領(lǐng)取
張同學(xué) 155****4678 剛剛成功領(lǐng)取
鄒同學(xué) 139****2907 剛剛成功領(lǐng)取
董同學(xué) 138****2867 剛剛成功領(lǐng)取
周同學(xué) 136****3602 剛剛成功領(lǐng)取
相關(guān)推薦HOT
Visual Studio Online和GitHub有什么區(qū)別?

1.定位不同Visual Studio Online,現(xiàn)更名為Visual Studio Codespaces,是微軟提供的一款在線開(kāi)發(fā)環(huán)境,允許開(kāi)發(fā)者在云端進(jìn)行編程和調(diào)試工作。而...詳情>>

2023-10-15 00:21:42
什么是域控制器?

一、域控制器的定義域控制器是指在Windows Server操作系統(tǒng)中部署Active Directory服務(wù)的服務(wù)器。Active Directory是微軟公司開(kāi)發(fā)的目錄服務(wù),用...詳情>>

2023-10-15 00:10:28
深度學(xué)習(xí)模型權(quán)重h5、weights、ckpt、pth有什么區(qū)別?

1.來(lái)源框架不同h5格式通常用于Keras和TensorFlow框架,weights用于Darknet框架,ckpt是TensorFlow框架的一種格式,而pth則主要用于PyTorch框架...詳情>>

2023-10-15 00:05:17
大數(shù)據(jù)測(cè)試工程師需要具備哪些技能?

一、理解大數(shù)據(jù)概念大數(shù)據(jù)測(cè)試工程師需要理解大數(shù)據(jù)的基本概念和原理,如分布式存儲(chǔ)、MapReduce、實(shí)時(shí)計(jì)算等。他們還需要了解如何處理大規(guī)模的...詳情>>

2023-10-14 23:43:03
為什么SpringBoot的 jar 可以直接運(yùn)行?

一、JAR文件的結(jié)構(gòu)與執(zhí)行方式Spring Boot的JAR包是Java Archive的縮寫(xiě),它是一種壓縮文件格式,可以將Java項(xiàng)目的類(lèi)文件、資源文件以及依賴(lài)庫(kù)等...詳情>>

2023-10-14 23:01:49
快速通道