javascript如何在foreach循環(huán)完成之后執(zhí)行一個回調(diào)函數(shù)
更新時(shí)間：2023年11月24日 10:53:27 作者：Hansel.Wn
forEach()是前端開發(fā)中操作數(shù)組的一種方法,主要功能是遍歷數(shù)組,其實(shí)就是 for 循環(huán)的升級版,下面這篇文章主要給大家介紹了關(guān)于javascript如何在foreach循環(huán)完成之后執(zhí)行一個回調(diào)函數(shù)的相關(guān)資料,需要的朋友可以參考下
常規(guī)方法
代碼如下面demo所示，在foreach的回調(diào)函數(shù)中進(jìn)行判斷，當(dāng)循環(huán)到數(shù)組最后一位元素的時(shí)候，執(zhí)行回調(diào)函數(shù)：
function callBack(){
console.log('all done');
}
function f(){
var count = 0;
var arrTemp = [1, 2, 3];
arrTemp.forEach((item, index, arr) => {
count++;
if(count === arr.length){
this.callBack();
}
})
}
f()
使用Promise實(shí)現(xiàn)
實(shí)際工作中，當(dāng)目標(biāo)數(shù)組的元素內(nèi)容比較復(fù)雜，在回調(diào)函數(shù)中沒有辦法進(jìn)行簡單的邏輯判斷時(shí)，可以使用Promise.all 方法實(shí)現(xiàn)：
Promise.all(
[1,2,3].map((item) => {
return new Promise((resolve, reject) => {
setTimeout(() => {
console.log("in async function, item is" + item);
resolve(item)
},Math.random()*2000)
})
})
).then((result) => {
console.log("all done");
console.log("result are:", result);
})
總結(jié)
到此這篇關(guān)于javascript如何在foreach循環(huán)完成之后執(zhí)行一個回調(diào)函數(shù)的文章就介紹到這了,更多相關(guān)foreach循環(huán)完成后執(zhí)行回調(diào)函數(shù)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
JS使用可選鏈操作符 (?.) 進(jìn)行空值檢查的操作
在 JavaScript 中,處理嵌套對象或數(shù)組時(shí),經(jīng)常會遇到空值檢查的問題,傳統(tǒng)的空值檢查通常比較繁瑣,容易導(dǎo)致代碼冗長且難以閱讀,ES2020 引入了可選鏈操作符 (?.),極大地簡化了這些檢查過程,本文介紹了JS使用可選鏈操作符 (?.) 進(jìn)行空值檢查的操作2024-12-12
用于節(jié)點(diǎn)操作的API，顛覆原生操作HTML DOM節(jié)點(diǎn)的API
敏捷開發(fā)是一種以人為核心、迭代、循序漸進(jìn)的開發(fā)方法。在敏捷開發(fā)中，軟件項(xiàng)目的構(gòu)建被切分成多個子項(xiàng)目，各個子項(xiàng)目的成果都經(jīng)過測試，具備集成和可運(yùn)行的特征。2010-12-12
這篇文章主要為大家詳細(xì)介紹了如何利用TypeScript編寫貪吃蛇游戲，文中的示例代碼講解詳細(xì)，具有一定的借鑒價(jià)值，感興趣的可以了解一下2022-09-09
javascript firefox不顯示本地預(yù)覽圖片問題的解決方法
在Firefox一直不能用js做出圖片預(yù)覽的效果，下面這個即可解決，用替換的方法實(shí)現(xiàn)firefox支持得的路徑格式2008-11-11
使用 js 簡單的實(shí)現(xiàn) bind、call 、aplly代碼實(shí)例
這篇文章主要介紹了使用 js 簡單的實(shí)現(xiàn) bind、call 、aplly代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09
JavaScript修改CSS有4種方法：1.修改節(jié)點(diǎn)style（內(nèi)聯(lián)樣式）；2.改變節(jié)點(diǎn)class或id；3.寫入新的css；4.替換頁面中的樣式表。今天主要給大家介紹下前2種，因?yàn)楹髢煞N個人不是很推薦大家使用2015-05-05
javascript設(shè)置文本框光標(biāo)的方法實(shí)例小結(jié)
這篇文章主要介紹了javascript設(shè)置文本框光標(biāo)的方法,結(jié)合實(shí)例形式總結(jié)分析了javascript針對文本框光標(biāo)的位置、設(shè)置及文本操作的相關(guān)技巧,需要的朋友可以參考下2016-11-11
這篇文章主要介紹了詳解Javascript繼承的實(shí)現(xiàn)的相關(guān)資料,需要的朋友可以參考下2016-03-03
淺談JavaScript超時(shí)調(diào)用和間歇調(diào)用
JavaScript是單線程語言，但它允許通過設(shè)置超時(shí)值和間歇時(shí)間值來調(diào)度代碼在特定的時(shí)刻執(zhí)行。前者是在指定的時(shí)間過后執(zhí)行代碼，而后者則是每隔指定的時(shí)間就執(zhí)行一次代碼。2015-08-08
類型收窄是TypeScript類型系統(tǒng)中最為核心和強(qiáng)大的特性之一,本文主要介紹了TypeScript?類型收窄的具體使用,文中通過示例代碼介紹的非常詳細(xì),需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2026-03-03