javascript:在foreach循环完成之后执行一个回调函数

这篇具有很好参考价值的文章主要介绍了javascript:在foreach循环完成之后执行一个回调函数。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

常规方法

代码如下面demo所示,在foreach的回调函数中进行判断,当循环到数组最后一位元素的时候,执行回调函数:

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()

javascript:在foreach循环完成之后执行一个回调函数

使用Promise实现

实际工作中,当目标数组的元素内容比较复杂,在回调函数中没有办法进行简单的逻辑判断时,可以使用Promise.all 方法实现:

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);
})

javascript:在foreach循环完成之后执行一个回调函数文章来源地址https://www.toymoban.com/news/detail-513267.html

到了这里,关于javascript:在foreach循环完成之后执行一个回调函数的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 用Keil写一个8路流水灯,两侧各一个LED同时亮起,之后依次向中间聚拢,然后在展开,接着,在8个灯闪三次,为一次循环...

    下面是用 Keil 写一个 8 路流水灯的基本步骤: 在 Keil 中新建一个项目,按照你所使用的单片机的型号设置相应的配置。 在代码文件中包含头文件,如 \\\"reg51.h\\\",用于定义单片机的寄存器地址。 定义 8 个灯的引脚,例如 \\\"sbit LED1 = P1^0\\\",表示将 P1.0 引脚设为 LED1。 在程序的主函

    2024年02月07日
    浏览(41)
  • 完成一个有趣的Web期末大作业(html、css、javascript、MySQL、Node.js)

    题目:学校老师的要求很开放,要自己做一个感兴趣的网页,要求使用基础的html、css和javascript,后端要使用数据库。 网上都是各种管理系统,看多了觉得没啥意思,要做一个自己感兴趣的网站。近几年沉迷犬夜叉这部动漫,就花了两天的时间创建了一个犬夜叉的网站,对于

    2024年02月04日
    浏览(50)
  • foreach循环使用方法详解

    在前面的文章中, 千锋壹哥 给大家讲解了for、while、do-while三种循环结构,并讲解了如何跳出循环的几种方式,比如break、continue、return等。但是截止到目前,与循环相关的内容还没有完事,我们还有最后一哆嗦,今天 千锋壹哥 会给大家讲解另一种循环方式--增强for循环!这

    2023年04月24日
    浏览(45)
  • Java循环对比:传统for循环、增强型for循环和forEach循环

    传统的for循环是一种经典的循环结构,在Java中广泛使用。 以下是传统for循环的特点: 灵活控制:传统for循环使用形式为for (初始化表达式; 终止条件; 步进表达式)的语法,可以手动控制循环的索引,并根据需要执行自定义操作。 索引访问:传统for循环通过索引访问集合或数

    2024年02月07日
    浏览(40)
  • HarmonyOS-ForEach:循环渲染

    ForEach接口基于数组类型数据来进行循环渲染,需要与容器组件配合使用,且接口返回的组件应当是允许包含在ForEach父容器组件中的子组件。例如,ListItem组件要求ForEach的父容器组件必须为List组件。 说明 从API version 9开始,该接口支持在ArkTS卡片中使用。 参数名 参数类型 必

    2024年01月25日
    浏览(36)
  • Kotlin基础入门 - for、forEach 循环

    不论身处何方 for循环这种操作都随处可见,鉴于大多数Android开发都是从Java转到Kt的,所以我的思路是从Java的使用习惯来讲一些Kt 的for、forEach 循环方式 基础 for循环 for循环 一般作用于 list、map数据集合 ,这里我直接创建了一个只读List集合 提前了解 惯性 for循环 所谓的惯性

    2024年01月16日
    浏览(40)
  • kotlin forEach循环return/break

    kotlin forEach循环return/break   [0, 1, 2] [0, 1, 2, 3]     kotlin forEachIndexed arrayListOf<String>_zhangphil的博客-CSDN博客 Python for循环中的zip_python zip函数用于for循环_zhangphil的博客-CSDN博客。 https://blog.csdn.net/zhangphil/article/details/131003571  

    2024年02月16日
    浏览(61)
  • C#学习笔记--foreach循环是怎么遍历容器的?实战带你弄懂foreach原理

    上篇文章我们了解了 IEnumerable 和 IEnumerator C#学习笔记–由浅至深理解IEnumerable和IEnumerator 这篇文章我们来研究 foreach 循环 foreach 循环实际上是通过调用集合的 GetEnumerator 方法来获取一个枚举器,然后在每次迭代中调用枚举器的 MoveNext 方法来遍历集合的。当枚举器的 MoveNext 方

    2024年02月03日
    浏览(35)
  • JavaScript中,一个字符串A在另外一个字符串B中重复出现,需要从B中去除A包括A之前和A之后的若干字符串

    !DOCTYPE html html head     meta charset=\\\"utf-8\\\"     title重复除去一个字符串前若干和后若干个字符/title /head body     h1我的网页/h1     p id=\\\"demo\\\"我的第一个段落。/p     script         function removeCharsAndTarget(str, target) {                      const regex = new RegExp(\\\'(.{0,2})?(\\\' + target + \\\')(.

    2024年02月08日
    浏览(56)
  • 【C++】STL 算法 ② ( foreach 循环中传入 函数对象 / Lambda 表达式处理元素 | foreach 循环算法 | Lambda 表达式 - 匿名 函数对象 / 仿函数 )

    在 C++ 语言中 , std::foreach 循环 虽然 不是标准库的一部分 , 但是 C ++ 编译器 提供了对 该语法 的支持作为扩展 ; 使用 该 std::foreach 循环 , 可以用于 遍历 STL 标准模板库 中提供的容器 , 如 vector 单端数组 , list 双向链表 , map 映射 , set 集合 等 容器 中的元素 ; std::for_each 是一个算

    2024年02月02日
    浏览(66)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包