JavaScript中數(shù)組遍歷方法合集大全
一、for 循環(huán)(遍歷數(shù)組、列表或其他可迭代對象中的元素)
在JavaScript中,for循環(huán)是一種常見的控制結(jié)構(gòu),用于重復執(zhí)行一段代碼。它通常用于遍歷數(shù)組、列表或其他可迭代對象中的元素。
for…of 循環(huán):用于遍歷可迭代對象的元素 (不能用于對象循環(huán))。
for…in 循環(huán):用于遍歷對象的屬性(索引) (對數(shù)組或者對象的屬性進行循環(huán)操作)。
for…if 循環(huán):結(jié)合了 for 和 if 語句,先進行條件判斷,如果條件滿足則執(zhí)行循環(huán)體。
二、forEach(不會修改數(shù)組本身,而是創(chuàng)建一個新的數(shù)組)
用于遍歷數(shù)組中的每個元素并執(zhí)行提供的函數(shù)。這個方法不會修改數(shù)組本身,而是創(chuàng)建一個新的數(shù)組。
接收回調(diào)函數(shù)作為參數(shù),這個回調(diào)函數(shù)會在數(shù)組的每個元素上被調(diào)用。回調(diào)函數(shù)接受三個參數(shù):當前元素、當前元素的索引和原始數(shù)組。
三、map(不會修改數(shù)組本身,而是創(chuàng)建一個新的數(shù)組)
map 方法是數(shù)組的一個方法,會返回一個新數(shù)組,新數(shù)組的元素為原始數(shù)組元素調(diào)用函數(shù)處理的后return返回的值。
不會對空數(shù)組進行檢測,不會改變原始數(shù)組
四、some(不會修改數(shù)組本身,返回布爾值,判斷是否有元素滿足)
用于測試數(shù)組中是否有元素滿足提供的函數(shù)中的條件。這個方法會遍歷數(shù)組的每個元素,并對每個元素執(zhí)行一次提供的函數(shù)。如果該函數(shù)對任何一個元素返回 true,則 some 方法立即返回 true。如果沒有元素滿足條件,則返回 false。
參數(shù)說明:
currentValue:數(shù)組中正在處理的當前元素。
index(可選):數(shù)組中正在處理的當前元素的索引。
array(可選):some 被調(diào)用的數(shù)組。
不會對空數(shù)組進行檢測,不會改變原始數(shù)組
五、every(不會修改數(shù)組本身,返回布爾值,判斷所有元素是否都滿足)
用于測試數(shù)組中的所有元素是否都滿足提供的函數(shù)中的條件。這個方法會遍歷數(shù)組的每個元素,并對每個元素執(zhí)行一次提供的函數(shù)。如果該函數(shù)對所有元素都返回 true,則 every 方法返回 true。如果有任何元素不滿足條件,則返回 false。參數(shù)說明:
currentValue:數(shù)組中正在處理的當前元素。
index(可選):數(shù)組中正在處理的當前元素的索引。
array(可選):every 被調(diào)用的數(shù)組。
不會對空數(shù)組進行檢測,不會改變原始數(shù)組
六、filter(不會修改數(shù)組本身,而是創(chuàng)建一個新的數(shù)組,找到第一個滿足條件的結(jié)束)
用于返回數(shù)組中滿足所提供函數(shù)的第一個元素的值。如果沒有滿足條件的元素,則返回 undefined。這個方法只遍歷到找到第一個符合條件的元素為止,不會對整個數(shù)組進行遍歷。
參數(shù)說明:
currentValue:數(shù)組中正在處理的當前元素。
index(可選):數(shù)組中正在處理的當前元素的索引。
array(可選):filter 被調(diào)用的數(shù)組。
不會對空數(shù)組進行檢測,不會改變原始數(shù)組,會返回新的數(shù)組
七、find(不會修改數(shù)組本身,返回符合條件的第一個元素)
用于創(chuàng)建一個新數(shù)組,包含通過所提供函數(shù)實現(xiàn)的所有元素。這個方法會遍歷數(shù)組的每個元素,并對每個元素執(zhí)行一次提供的函數(shù)。如果該函數(shù)對某個元素返回 true,則該元素被包含在返回的新數(shù)組中***(返回符合條件的第一個元素)***。
參數(shù)說明:
currentValue:數(shù)組中正在處理的當前元素。
index(可選):數(shù)組中正在處理的當前元素的索引。
array(可選):find 被調(diào)用的數(shù)組。
不會對空數(shù)組進行檢測,不會改變原始數(shù)組
八、findIndex(返回符合條件的第一個元素的索引)
返回數(shù)組中滿足提供的函數(shù)的 第一個元素 的 索引 。如果沒有滿足條件的元素,則返回 -1
參數(shù)說明:
currentValue:數(shù)組中正在處理的當前元素。
index(可選):數(shù)組中正在處理的當前元素的索引。
array(可選):.findIndex()被調(diào)用的數(shù)組。
九、reduce(累加,從左往右)
用于將數(shù)組中的元素通過指定的函數(shù)簡化為單個輸出值,根據(jù)條件累加,對于空數(shù)組是不會執(zhí)行回調(diào)函數(shù)的(從左往右)
參數(shù)說明:
accumulator(累加器):在每次迭代中,都會將上一次迭代返回的值作為第一個參數(shù)傳入,與當前元素一起執(zhí)行函數(shù),并更新累加器的值。
currentValue:數(shù)組中正在處理的當前元素
array(可選):reduce 被調(diào)用的數(shù)組。
initialValue(可選):作為第一次調(diào)用回調(diào)函數(shù)的第一個參數(shù)的值。如果沒有提供初始值,則從數(shù)組的第一個元素開始處理。
十、reduceRight(累加,從右往左)
用于從數(shù)組的右側(cè)開始將元素通過指定的函數(shù)簡化為單個輸出值
參數(shù)說明:
accumulator(累加器):在每次迭代中,都會將上一次迭代返回的值作為第一個參數(shù)傳入,與當前元素一起執(zhí)行函數(shù),并更新累加器的值。
currentValue:數(shù)組中正在處理的當前元素
array(可選):reduceRight 被調(diào)用的數(shù)組。
initialValue(可選):作為第一次調(diào)用回調(diào)函數(shù)的第一個參數(shù)的值。如果沒有提供初始值,則從數(shù)組的最后一個元素開始處理。
總結(jié)
到此這篇關(guān)于JavaScript中數(shù)組遍歷方法合集的文章就介紹到這了,更多相關(guān)JS數(shù)組遍歷方法內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
js+css 實現(xiàn)遮罩居中彈出層(隨瀏覽器窗口滾動條滾動)
本文為大家詳細介紹下使用js實現(xiàn)遮罩彈出層居中,且隨瀏覽器窗口滾動條滾動,示例代碼如下,感興趣的朋友可以參考下2013-12-12JS獲取屏幕,瀏覽器窗口大小,網(wǎng)頁高度寬度(實現(xiàn)代碼)
本篇文章主要介紹了JS獲取屏幕,瀏覽器窗口大小,網(wǎng)頁高度寬度的實現(xiàn)代碼。需要的朋友可以過來參考下,希望對大家有所幫助2013-12-12如何將一維度數(shù)組轉(zhuǎn)換成三維數(shù)組結(jié)構(gòu)
在開發(fā)過程中,可能會遇到需要將一維數(shù)組轉(zhuǎn)換為多維數(shù)組的情況,以滿足特定數(shù)據(jù)結(jié)構(gòu)的需求,文章介紹了如何將后端返回的一維列表數(shù)據(jù)通過編程方法轉(zhuǎn)換成三維數(shù)組結(jié)構(gòu),以適應(yīng)特定的UI展示需求,通過循環(huán)遍歷和數(shù)據(jù)重組的方式,可以有效地實現(xiàn)數(shù)組結(jié)構(gòu)的轉(zhuǎn)換2024-09-09