久久精品国产亚洲高清|精品日韩中文乱码在线|亚洲va中文字幕无码久|伊人久久综合狼伊人久久|亚洲不卡av不卡一区二区|精品久久久久久久蜜臀AV|国产精品19久久久久久不卡|国产男女猛烈视频在线观看麻豆

千鋒教育-做有情懷、有良心、有品質(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ù)干貨  > JavaScript中數(shù)組方法的自定義實(shí)現(xiàn)或多填充

JavaScript中數(shù)組方法的自定義實(shí)現(xiàn)或多填充

來(lái)源:千鋒教育
發(fā)布人:syq
時(shí)間: 2022-09-13 17:48:28 1663062508

  第 1 部分:在 JavaScript 中自定義實(shí)現(xiàn)映射()、簡(jiǎn)化() 和過(guò)濾()方法。

  腳本中的多邊填充

  今天我將向您展示實(shí)現(xiàn),或者我們稱之為3種廣泛使用和著名的數(shù)組方法的Polyfills(自定義實(shí)現(xiàn))。

JavaScript中數(shù)組方法

  這是面試官可以要求你寫(xiě)一些關(guān)于這些方法的幕后實(shí)現(xiàn)(映射,簡(jiǎn)化,過(guò)濾)的東西。每次都會(huì)為數(shù)組的新副本編寫(xiě)這些函數(shù),因此它不會(huì)改變您的實(shí)際數(shù)組。

  1. 地圖()

  map() 是一個(gè)接受回調(diào)函數(shù)的方法,該函數(shù)對(duì)數(shù)組的每個(gè)元素執(zhí)行。簡(jiǎn)單來(lái)說(shuō),它用于操作/轉(zhuǎn)換該數(shù)組中存在的元素。

  它返回一個(gè)新數(shù)組(這意味著它不會(huì)改變或更改您的實(shí)際數(shù)組)。

  從映射中出來(lái)的數(shù)組是一個(gè)轉(zhuǎn)換后的數(shù)組,它可能與實(shí)際數(shù)組相同,也可能不相同。

  自定義實(shí)現(xiàn)

41

  自定義地圖實(shí)現(xiàn)

  map() 的這個(gè)自定義實(shí)現(xiàn)將返回轉(zhuǎn)換后的數(shù)組。

  為什么我們需要附加它的原型?

  由于數(shù)組就像一個(gè)對(duì)象,它有一些內(nèi)置的方法。要重寫(xiě)或編寫(xiě)我們的自定義方法并使其可用于數(shù)組類(lèi),它需要附加到原型鏈,該原型鏈將在JavaScript中執(zhí)行繼承。因此,要為數(shù)組或?qū)ο筇峁┤魏巫远x方法,您需要在其原型鏈上調(diào)用方法。

  2. 減少()

  reduce() 是接受稱為化簡(jiǎn)器的回調(diào)函數(shù)的方法。

  它在數(shù)組的每個(gè)元素上調(diào)用,這些元素最終累積為單個(gè)值。

  回調(diào)符(化簡(jiǎn)器)包含以下參數(shù):

  上一個(gè)值:我們從上次函數(shù)調(diào)用中獲得的值。在第一次調(diào)用時(shí),如果給出,它將返回“初始值”,否則,它將返回arr[0]的值。

  當(dāng)前值:當(dāng)前元素的值。在第一次調(diào)用時(shí),如果給出初始值,則返回 arr[0] 的值,否則返回 arr[1] 的值。

  當(dāng)前索引:元素的當(dāng)前索引。如果給出初始值,它必須為 0,否則應(yīng)從索引 1 開(kāi)始。

  數(shù)組:用于遍歷的數(shù)組。

  使用案例:

  無(wú)初始值

  具有初始值

42

  自定義實(shí)現(xiàn)減少()

  3. 過(guò)濾器()

  filter() 方法接受一個(gè)回調(diào),該回調(diào)針對(duì)給定數(shù)組的每個(gè)項(xiàng)執(zhí)行。

  與上面相同 — 它返回一個(gè)新數(shù)組。

  它將返回篩選的真實(shí)值。

43

  過(guò)濾器()函數(shù)的自定義實(shí)現(xiàn)

  這就是一些數(shù)組方法的自定義實(shí)現(xiàn)的工作原理,也是一個(gè)很好的起點(diǎn),您可以在其中了解JavaScript如何在后臺(tái)創(chuàng)建其內(nèi)置方法實(shí)現(xiàn)及其工作原理。

  您可以創(chuàng)建自己的 Polyfill 或像這樣的自定義方法,并將其附加到原型鏈,以使其可用于 JavaScript 環(huán)境中使用的引用或抽象類(lèi)。

tags:
聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
10年以上業(yè)內(nèi)強(qiáng)師集結(jié),手把手帶你蛻變精英
請(qǐng)您保持通訊暢通,專屬學(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
什么是PlatformIo?

PlatformIO是什么PlatformIO是一個(gè)全面的物聯(lián)網(wǎng)開(kāi)發(fā)平臺(tái),它為眾多硬件平臺(tái)和開(kāi)發(fā)環(huán)境提供了統(tǒng)一的工作流程,有效簡(jiǎn)化了開(kāi)發(fā)過(guò)程,并能兼容各種...詳情>>

2023-10-14 12:55:06
云快照與自動(dòng)備份有什么區(qū)別?

1、定義和目標(biāo)不同云快照的主要目標(biāo)是提供一種快速恢復(fù)數(shù)據(jù)的方法,它只記錄在快照時(shí)間點(diǎn)后的數(shù)據(jù)變化,而不是所有的數(shù)據(jù)。自動(dòng)備份的主要目標(biāo)...詳情>>

2023-10-14 12:48:59
服務(wù)器為什么要用Linux?

服務(wù)器為什么要用Linux作為服務(wù)器操作系統(tǒng)的優(yōu)選,Linux在眾多選擇中脫穎而出。Linux作為服務(wù)器操作系統(tǒng)的優(yōu)選,有其獨(dú)特的優(yōu)勢(shì)和特點(diǎn)。包括其...詳情>>

2023-10-14 12:34:11
ORM解決的主要問(wèn)題是什么?

ORM(對(duì)象關(guān)系映射)解決的主要問(wèn)題是將關(guān)系數(shù)據(jù)庫(kù)與面向?qū)ο缶幊讨g的映射困境。在傳統(tǒng)的關(guān)系數(shù)據(jù)庫(kù)中,數(shù)據(jù)以表格的形式存儲(chǔ),而在面向?qū)ο?..詳情>>

2023-10-14 12:26:19
Go為什么不支持三元運(yùn)算符?

Go為什么不支持三元運(yùn)算符Go語(yǔ)言是一種以簡(jiǎn)潔和有效性為目標(biāo)的編程語(yǔ)言,因此在設(shè)計(jì)過(guò)程中,Go的設(shè)計(jì)者刻意排除了一些他們認(rèn)為可能導(dǎo)致復(fù)雜性或...詳情>>

2023-10-14 12:12:36
快速通道