麻豆黑色丝袜jk制服福利网站-麻豆精品传媒视频观看-麻豆精品传媒一二三区在线视频-麻豆精选传媒4区2021-在线视频99-在线视频a

千鋒教育-做有情懷、有良心、有品質的職業教育機構

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

關注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  技術干貨  > 7個鮮為人知的數組方法

7個鮮為人知的數組方法

來源:千鋒教育
發布人:syq
時間: 2022-09-19 11:48:42 1663559322

  在 JavaScript 中使用數組時,您可能會發現自己只使用流行的方法,如 、 、 、 和 。這是可以理解的,因為這些非常有用的方法對于許多用例來說已經足夠了。map()filter()find()push()sort()

21

  但是JavaScript有超過30種數組方法,其中一些鮮為人知,很少被許多JavaScript開發人員使用,盡管它非常強大并且能夠解決現實世界的問題。

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

  1. 復制與()

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

  例如:

22

  如果您不熟悉此方法,您可能會發現此處的結果令人困惑。要了解工作原理,讓我們看一下它的參數:copyWithin()

  target:是數組中要將指定部件復制到的位置。

  start:是將要復制的部件的起始索引。

  end:是將要復制的部件的結束索引。

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

  讓我們看另一個例子:

23

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

  如前所述,不會增加數組的長度,但如果到達數組的末尾,將停止復制。copyWithin()

24

  2. 在()

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

  而不是像這樣編寫代碼:

25

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

26

  我們只需傳遞一個負值,即可從數組末尾訪問 th 元素。-NN

  3. 還原權()

  reduceRight() 方法的工作方式類似于更流行的 reduce() 方法,不同之處在于回調函數從右到左而不是從左到右應用于數組的每個值。

27

  reduceRight()從右到左重復執行數組的每個元素傳遞的回調函數。我們在這里傳遞的回調只是連接當前元素和累加器字符串,最終導致反向單詞。

  reduceRight()當您希望從左到右表示列表,但從右到左進行評估時,可以提供幫助。下面是一個示例:

28

  4. 查找尾頁()

  ES13 中 JavaScript 的另一個新成員是 findLast() 方法,用于從最后一個元素開始搜索數組中的項。

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

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

29

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

30

  另一個用例是,我們必須從末尾專門搜索數組以獲得正確的元素。findLast()

  例如,如果我們想在數字列表中找到最后一個偶數,將產生一個完全錯誤的結果:find()

31

  但會從最后開始搜索,并給我們正確的項目:findLast()

32

  5. 查找最新索引()

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

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

33

  6. 最后索引()

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

34

  我們可以傳遞第二個參數來指定數組中的索引,在該索引中,它應該停止搜索該索引之后的字符串:lastIndexOf()

35

  7. 平面地圖()

  flatMap() 方法使用給定的回調函數轉換數組,然后將轉換后的結果平展一個級別。

36

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

37

  結論

  因此,我們研究了JavaScript中一些不太流行的數組方法。許多開發人員可能不知道它們,但它們的有用性是毫無疑問的。您可能很快就會需要其中之一。

tags:
聲明:本站稿件版權均屬千鋒教育所有,未經許可不得擅自轉載。
10年以上業內強師集結,手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內將與您1V1溝通
免費領取
今日已有369人領取成功
劉同學 138****2860 剛剛成功領取
王同學 131****2015 剛剛成功領取
張同學 133****4652 剛剛成功領取
李同學 135****8607 剛剛成功領取
楊同學 132****5667 剛剛成功領取
岳同學 134****6652 剛剛成功領取
梁同學 157****2950 剛剛成功領取
劉同學 189****1015 剛剛成功領取
張同學 155****4678 剛剛成功領取
鄒同學 139****2907 剛剛成功領取
董同學 138****2867 剛剛成功領取
周同學 136****3602 剛剛成功領取
相關推薦HOT
主站蜘蛛池模板: 中文字幕精品一区二区精品| 日本视频免费高清一本18| 亚洲欧美精品一中文字幕| 欧美另类bbbxxxxx另类| 免费观看欧美一级牲片一| 亚洲处破女| 伊人久久久大香线蕉综合直播| 老马的春天顾晓婷5| 亚洲视频免费看| mm131美女做爽爽爱视频| 日本免费电影一区| 国产在线精品一区二区中文| 男人j进女人j啪啪无遮挡动态| 欧美亚洲国产精品久久| 触手强制h受孕本子里番| 高清免费毛片| 别急慢慢来在线观看| 免费看的黄色大片| 又爽又黄又无遮挡网站| www.插插插| 欧美性视频18~19| 樱桃视频影院在线播放| 国产成人免费网站| 性一交一乱一伦一色一情| 一道本在线观看| 国产美女免费观看| 尾野真知子日韩专区在线| 日本伦理电影网伦理在线电影| 国产国产成人久久精品杨幂| 晚上睡不着来b站一次看过瘾| 一区二区三区高清视频在线观看 | 女生张开腿让男生通| аⅴ中文在线天堂| 日本在线高清版卡免v| 天天看片天天干| 久久精品无码一区二区日韩av | 噜噜嘿在线视频免费观看| 好男人在线社区www我在线观看| 欧美日产国产亚洲综合图区一| 日本护士xxxxwww| 久久99精品国产自在现线小黄鸭|