日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不

當前位置:首頁 > 科技  > 軟件

JavaScript 中七個鮮為人知的數組方法

來源: 責編: 時間:2024-03-22 08:55:13 196觀看
導讀JavaScript 數組除了 map()、filter()、find() 和 push() 之外還有更多功能。今天這篇文章就來給大家分享一些鮮有人知道的數組方法,我們現在開始吧。1.copyWithin()Array copyWithin() 將數組的一部分復制到同一數組中

JavaScript 數組除了 map()、filter()、find() 和 push() 之外還有更多功能。今天這篇文章就來給大家分享一些鮮有人知道的數組方法,我們現在開始吧。2G128資訊網——每日最新資訊28at.com

2G128資訊網——每日最新資訊28at.com

1.copyWithin()

Array copyWithin() 將數組的一部分復制到同一數組中的另一個位置并返回它,而不增加其長度。2G128資訊網——每日最新資訊28at.com

2G128資訊網——每日最新資訊28at.com

end 參數是可選的:2G128資訊網——每日最新資訊28at.com

2G128資訊網——每日最新資訊28at.com

2G128資訊網——每日最新資訊28at.com

2. at() 和 with()

at() 首先出現,with() 在一年后的 2023 年出現。2G128資訊網——每日最新資訊28at.com

它們是單元素數組修改和訪問的函數式和不可變版本。2G128資訊網——每日最新資訊28at.com

2G128資訊網——每日最新資訊28at.com

這些新方法的最酷之處在于它們如何讓您使用負索引獲取和更改元素值。2G128資訊網——每日最新資訊28at.com

3.reduceRight()

與reduce()類似,但回調是從右到左而不是從左到右:2G128資訊網——每日最新資訊28at.com

2G128資訊網——每日最新資訊28at.com

這是reduceRight() 的另一個很好的場景:2G128資訊網——每日最新資訊28at.com

2G128資訊網——每日最新資訊28at.com

4. findLast()

ES13 中的新增功能:從最后一個元素開始查找數組項。2G128資訊網——每日最新資訊28at.com

非常適合從結束位置搜索比使用 find() 產生更好性能的情況:2G128資訊網——每日最新資訊28at.com

例子:2G128資訊網——每日最新資訊28at.com

2G128資訊網——每日最新資訊28at.com

這是可行的,但由于我們的目標對象更接近數組的尾部,findLast() 應該運行得更快:2G128資訊網——每日最新資訊28at.com

2G128資訊網——每日最新資訊28at.com

findLast() 的另一個用例是當我們必須從末尾專門搜索數組以獲得正確的元素時。2G128資訊網——每日最新資訊28at.com

例如,如果我們想查找數字列表中的最后一個偶數,find() 將產生完全錯誤的結果:2G128資訊網——每日最新資訊28at.com

2G128資訊網——每日最新資訊28at.com

但 findLast() 將從末尾開始搜索并為我們提供正確的項目。2G128資訊網——每日最新資訊28at.com

5. toSorted()、toReversed()、toSpliced()

ES2023 完全包含了 sort()、reverse() 和 splice() 的不可變版本。2G128資訊網——每日最新資訊28at.com

好吧,也許 splice() 的使用不如其他方法那么多,但它們都會就地改變數組。2G128資訊網——每日最新資訊28at.com

2G128資訊網——每日最新資訊28at.com

不變性為我們提供了可預測且更安全的代碼;調試要容易得多,因為我們確定某些變量永遠不會改變它們的值。2G128資訊網——每日最新資訊28at.com

參數完全相同,但 splice() 和 toSpliced() 的返回值必須不同。2G128資訊網——每日最新資訊28at.com

2G128資訊網——每日最新資訊28at.com

6.lastIndexOf()

lastIndexOf() 方法返回可以在數組中找到特定元素的最后一個索引。2G128資訊網——每日最新資訊28at.com

我們可以將第二個參數傳遞給lastIndexOf()來指定數組中的一個索引,在該索引之后它應該停止搜索字符串:2G128資訊網——每日最新資訊28at.com

2G128資訊網——每日最新資訊28at.com

7. flatMap()

flatMap() 方法使用給定的回調函數轉換數組,然后將轉換后的結果展平一級:2G128資訊網——每日最新資訊28at.com

2G128資訊網——每日最新資訊28at.com

在數組上調用 flatMap() 與調用 map() 后跟深度為 1 的 flat() 執行相同的操作,但它比單獨調用這兩個方法更有效。2G128資訊網——每日最新資訊28at.com

2G128資訊網——每日最新資訊28at.com

它們還不是那么出名,但它們有其獨特的用途并且非常強大。2G128資訊網——每日最新資訊28at.com

總結

以上就是今天這篇文章跟你分享的全部內容,希望今天的內容能夠幫助到你,最后,感謝你的閱讀。2G128資訊網——每日最新資訊28at.com

本文鏈接:http://www.www897cc.com/showinfo-26-78504-0.htmlJavaScript 中七個鮮為人知的數組方法

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。郵件:2376512515@qq.com

上一篇: 15個CSS 常見錯誤,請一定要注意避免

下一篇: 公司新來一個架構師, 將消費金融系統重構了

標簽:
  • 熱門焦點
  • 對標蘋果的靈動島 華為帶來實況窗功能

    繼蘋果的靈動島之后,華為也在今天正式推出了“實況窗”功能。據今天鴻蒙OS 4.0的現場演示顯示,華為的實況窗可以更高效的展現出實時通知,比如鎖屏上就能看到外賣、打車、銀行
  • 6月iOS設備好評榜:第一蟬聯榜首近一年

    作為安兔兔各種榜單里變化最小的那個,2023年6月的iOS好評榜和上個月相比沒有任何排名上的變化,僅僅是部分設備好評率的下降,長年累月的用戶評價和逐漸退出市場的老款機器讓這
  • Golang 中的 io 包詳解:組合接口

    io.ReadWriter// ReadWriter is the interface that groups the basic Read and Write methods.type ReadWriter interface { Reader Writer}是對Reader和Writer接口的組合,
  • 如何使用JavaScript創建一只圖像放大鏡?

    譯者 | 布加迪審校 | 重樓如果您曾經瀏覽過購物網站,可能遇到過圖像放大功能。它可以讓您放大圖像的特定區域,以便瀏覽。結合這個小小的重要功能可以大大改善您網站的用戶體驗
  • 多線程開發帶來的問題與解決方法

    使用多線程主要會帶來以下幾個問題:(一)線程安全問題  線程安全問題指的是在某一線程從開始訪問到結束訪問某一數據期間,該數據被其他的線程所修改,那么對于當前線程而言,該線程
  • 梁柱接棒兩年,騰訊音樂闖出新路子

    文丨田靜 出品丨牛刀財經(niudaocaijing)7月5日,企鵝FM發布官方公告稱由于業務調整,將于9月6日正式停止運營,這意味著騰訊音樂長音頻業務走向消亡。騰訊在長音頻領域還在摸索。為
  • 三星獲批量產iPhone 15全系屏幕:蘋果史上最驚艷直屏

    按照慣例,蘋果將繼續在今年9月舉辦一年一度的秋季新品發布會,有傳言稱發布會將于9月12日舉行,屆時全新的iPhone 15系列將正式與大家見面,不出意外的話
  • iQOO Neo8 Pro搶先上架:首發天璣9200+ 安卓性能之王

    經過了一段時間的密集爆料,昨日iQOO官方如期對外宣布:將于5月23日推出全新的iQOO Neo8系列新品,官方稱這是一款擁有旗艦級性能調校的作品。隨著發布時
  • OPPO K11搭載長壽版100W超級閃充:26分鐘充滿100%

    據此前官方宣布,OPPO將于7月25日也就是今天下午14:30舉辦新品發布會,屆時全新的OPPO K11將正式與大家見面,將主打旗艦影像,和同檔位競品相比,其最大的賣
Top 主站蜘蛛池模板: 馆陶县| 霞浦县| 竹山县| 黎城县| 西宁市| 兴隆县| 东兰县| 岑溪市| 仁化县| 蒙阴县| 翼城县| 玉门市| 鹤壁市| 晋城| 米脂县| 邳州市| 柳林县| 康平县| 达孜县| 麦盖提县| 香格里拉县| 衡东县| 东海县| 葫芦岛市| 长武县| 石嘴山市| 潢川县| 钟山县| 溆浦县| 胶南市| 海阳市| 麦盖提县| 香格里拉县| 南部县| 资中县| 盐山县| 晋宁县| 虎林市| 西和县| 尚志市| 康马县|