javascript如何在foreach循環(huán)完成之后執(zhí)行一個回調(diào)函數(shù)
更新時間：2023年11月24日 10:53:27 作者：Hansel.Wn
forEach()是前端開發(fā)中操作數(shù)組的一種方法,主要功能是遍歷數(shù)組,其實就是 for 循環(huán)的升級版,下面這篇文章主要給大家介紹了關(guān)于javascript如何在foreach循環(huán)完成之后執(zhí)行一個回調(diào)函數(shù)的相關(guān)資料,需要的朋友可以參考下
常規(guī)方法
代碼如下面demo所示，在foreach的回調(diào)函數(shù)中進行判斷，當(dāng)循環(huán)到數(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實現(xiàn)
實際工作中，當(dāng)目標(biāo)數(shù)組的元素內(nèi)容比較復(fù)雜，在回調(diào)函數(shù)中沒有辦法進行簡單的邏輯判斷時，可以使用Promise.all 方法實現(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)文章
javascript數(shù)組中的reduce方法和pop方法
這篇文章主要介紹了javascript數(shù)組中的reduce方法和pop方法，文章內(nèi)容介紹詳細(xì)，具有一定的參考價值需要的小伙伴可以參考一下，希望對你的學(xué)習(xí)有所幫助2022-03-03
現(xiàn)在使用手機上網(wǎng)的人越來越多，一些下載網(wǎng)站會通過判斷不同系統(tǒng)手機來訪問不同網(wǎng)頁，比如iPhone和Android。下面我們就來介紹一下如何用javascript判斷iPhone或Android手機訪問2015-07-07
本文通過實例代碼給大家介紹了使用微信小程序開發(fā)彈出框功能,代碼簡單易懂，非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-10-10
導(dǎo)致這個問題產(chǎn)生的原因，一般是因為js（一個比較復(fù)雜的js）寫在body里面，在body元素加載完之前調(diào)用出現(xiàn)問題。顯然，解決該問題的方法就是將這一段js放在body元素解析完畢之后。2010-11-11
這篇文章主要為大家介紹了babel7按需加載polyfill示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02
這篇文章主要介紹了js實現(xiàn)表單項的全選、反選及刪除操作,結(jié)合實例形式分析了基于dedecms后臺使用js實現(xiàn)表單項的全選、反選及刪除相關(guān)操作技巧,需要的朋友可以參考下2020-06-06
JavaScript 對象深入學(xué)習(xí)總結(jié)(經(jīng)典)
JavaScript中，除了五種原始類型（即數(shù)字，字符串，布爾值，null，undefined）之外的都是對象了，所以，不把對象學(xué)明白怎么繼續(xù)往下學(xué)習(xí)呢？本篇文章給大家分享javascript對象深入學(xué)習(xí)總結(jié)，小伙伴們跟著小編一起深入學(xué)習(xí)吧2015-09-09
下面小編就為大家?guī)硪黄猨avascript漢字拼音互轉(zhuǎn)的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
本文給大家介紹的是是一款javascript彈出層特效,支持點擊觸發(fā)js彈出層,滑過觸發(fā)js彈出層,帶動畫效果js彈出層,可自定義函數(shù)回調(diào)js彈出層。2015-05-05
JavaScript?setTimeout和setInterval的用法與區(qū)別詳解
Javascript的setTimeOut和setInterval函數(shù)應(yīng)用非常廣泛,它們都用來處理延時和定時任務(wù),下面這篇文章主要給大家介紹了關(guān)于JavaScript?setTimeout和setInterval的用法與區(qū)別,需要的朋友可以參考下2022-04-04