欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript中forEach和map的使用場(chǎng)景

 更新時(shí)間:2023年05月05日 09:55:12   作者:14332223  
本文JavaScript中forEach和map的使用場(chǎng)景,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

foeEach

JavaScript中的forEach方法是一種迭代器,用于遍歷數(shù)組中的每個(gè)元素并執(zhí)行指定的操作。

它具有以下特點(diǎn):

  • forEach方法不會(huì)改變?cè)瓟?shù)組,相比于使用循環(huán)遍歷數(shù)組修改值,forEach能夠保持?jǐn)?shù)組原有結(jié)構(gòu)的完整性。
  • forEach方法接受一個(gè)回調(diào)函數(shù)作為參數(shù),對(duì)于每個(gè)數(shù)組元素執(zhí)行一次回調(diào)函數(shù),并將當(dāng)前處理元素的值、索引、原數(shù)組傳入回調(diào)函數(shù)中。
  • forEach方法是同步執(zhí)行的,不能使用異步操作。
  • forEach方法無(wú)法中途跳出循環(huán),可以使用return關(guān)鍵字結(jié)束單次循環(huán)。
  • forEach方法無(wú)法中途跳出循環(huán),除非拋出異常。

總之,forEach是一種非常方便的遍歷數(shù)組的方法,可以快速地處理數(shù)組中的每個(gè)元素。

forEach方法是同步執(zhí)行的,不能使用異步操作。

在 forEach 的循環(huán)當(dāng)中,不能使用 await 之類(lèi)的方式實(shí)現(xiàn)異步

image.png

forEach方法無(wú)法中途跳出循環(huán),可以使用return關(guān)鍵字結(jié)束單次循環(huán)或者拋出異常結(jié)束下面所有邏輯

注意return只能結(jié)束單詞的循環(huán)而不是整個(gè),結(jié)束整個(gè)循環(huán)需要拋出異常,所以forEach一般不能用于循環(huán)熔斷

下面是return跳過(guò)單次循環(huán)以及拋出異常結(jié)束接下去所有邏輯,

image.png

map

在JavaScript中,map方法是一種常用的迭代器,用于將一個(gè)數(shù)組中的所有元素應(yīng)用某個(gè)函數(shù)后得到一個(gè)新的數(shù)組。 map方法具有以下特點(diǎn):

map方法不會(huì)改變?cè)瓟?shù)組,而是根據(jù)原數(shù)組中的每個(gè)元素調(diào)用一個(gè)函數(shù)后得到一個(gè)新的數(shù)組作為返回值。map方法接受一個(gè)回調(diào)函數(shù)作為參數(shù),該函數(shù)接受三個(gè)參數(shù),分別是當(dāng)前元素的值、索引和原數(shù)組。map方法的返回值是一個(gè)新數(shù)組,由原數(shù)組中的所有元素依次調(diào)用回調(diào)函數(shù)后返回的結(jié)果組成。map方法不會(huì)對(duì)空元素進(jìn)行調(diào)用回調(diào)函數(shù)。map方法不會(huì)遍歷已經(jīng)添加并且未被刪除的元素。

總之,map方法是一種非常方便的迭代器方法,可以用于將一個(gè)數(shù)組中的所有元素應(yīng)用某個(gè)函數(shù)后生成一個(gè)新數(shù)組,而不必修改原數(shù)組或手動(dòng)循環(huán)遍歷。

map方法不會(huì)遍歷已經(jīng)添加并且未被刪除的元素。

當(dāng)我們?cè)谘h(huán)遍歷一個(gè)數(shù)組時(shí),我們有時(shí)會(huì)向數(shù)組中添加新元素或從數(shù)組中刪除元素。如果我們使用常規(guī)的for循環(huán)來(lái)循環(huán)遍歷數(shù)組,那么它們會(huì)遍歷所有數(shù)組元素,包括那些是在循環(huán)過(guò)程中添加或刪除的元素。

但是,在使用map方法時(shí),它會(huì)在迭代過(guò)程中忽略掉那些在遍歷開(kāi)始時(shí)已經(jīng)存在的,但在迭代過(guò)程中被添加的元素。

并且值得一提的事,forEach方法也是如此,例如:

image.png

因此,當(dāng)我們使用map方法和forEach方法時(shí),要注意它只會(huì)遍歷在開(kāi)始時(shí)存在的元素,而不會(huì)遍歷后來(lái)添加的元素。

什么是迭代器模式

迭代器模式(Iterator Pattern)是一種設(shè)計(jì)模式,它提供一種遍歷集合或序列的方法,而不暴露其內(nèi)部表示。這個(gè)模式屬于行為型模式,可以很好地解決遍歷數(shù)據(jù)結(jié)構(gòu)的問(wèn)題。

forEachmap 方法是應(yīng)用了迭代器模式的典型例子

JavaScript 的 forEach 和 map方法是應(yīng)用了迭代器模式的典型例子

迭代器模式定義了一種順序訪(fǎng)問(wèn)聚合對(duì)象中各個(gè)元素的方法,而又不需要暴露該聚合對(duì)象的內(nèi)部表示。在 JavaScript 中,數(shù)組就是一個(gè)聚合對(duì)象。forEachmap 方法則是應(yīng)用了迭代器模式,提供了一種便捷的途徑來(lái)遍歷數(shù)組中的元素,而不需要直接暴露數(shù)組的內(nèi)部表示。

在迭代器模式中,聚合對(duì)象需要實(shí)現(xiàn)一個(gè)迭代器接口,該接口中包括了一個(gè) next 方法,在調(diào)用該方法時(shí)可以返回聚合對(duì)象中的下一個(gè)元素。在 JavaScript 中,forEachmap 方法提供了類(lèi)似的功能:

forEach 方法接受一個(gè)回調(diào)函數(shù),用于遍歷數(shù)組中的每個(gè)元素。在每次執(zhí)行回調(diào)函數(shù)時(shí),都會(huì)傳遞當(dāng)前遍歷到的元素、該元素在數(shù)組中的索引以及完整的數(shù)組對(duì)象作為參數(shù)。調(diào)用回調(diào)函數(shù)的次數(shù)等于數(shù)組元素的個(gè)數(shù)。在遍歷數(shù)組中的每個(gè)元素時(shí),forEach 方法會(huì)依次調(diào)用回調(diào)函數(shù),并將當(dāng)前遍歷到的元素和參數(shù)傳遞給它??梢酝ㄟ^(guò)該方法來(lái)處理每個(gè)元素。

map 方法也接受一個(gè)回調(diào)函數(shù),但與 forEach 方法不同的是,map 方法會(huì)將回調(diào)函數(shù)的返回值作為一個(gè)新數(shù)組返回。在調(diào)用回調(diào)函數(shù)時(shí),也會(huì)傳遞當(dāng)前遍歷到的元素、該元素在數(shù)組中的索引以及完整的數(shù)組對(duì)象作為參數(shù)。調(diào)用回調(diào)函數(shù)的次數(shù)等于數(shù)組元素的個(gè)數(shù)。在遍歷數(shù)組中的每個(gè)元素時(shí),map 方法會(huì)依次調(diào)用回調(diào)函數(shù),并將當(dāng)前遍歷到的元素和參數(shù)傳遞給它。可以通過(guò)該方法來(lái)處理每個(gè)元素,并返回一個(gè)新數(shù)組。

通過(guò)這種方式,我們可以在不暴露數(shù)組內(nèi)部結(jié)構(gòu)的情況下,對(duì)數(shù)組中的元素進(jìn)行遍歷和處理。這正是迭代器模式的核心思想。

到此這篇關(guān)于JavaScript中forEach和map的使用場(chǎng)景的文章就介紹到這了,更多相關(guān)JavaScript forEach和map內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評(píng)論