多层数组的延迟执行 - for循环中执行定时器timeout async await

场景:
数据类型是多层数组,每隔几毫秒对最底层子元素进行一个操作;对每一个第一层子元素遍历完进行一个操作。
例如 :
数组为 [[11,22,33],[44,55,66]] ,对 11、22、33、44、55、66 挨个进行操作,时间间隔为3秒;
在执行完33和66后,给出第一个元素遍历完的提示;
解决方案:
刚开始是对每层遍历,setTimeout的延迟时间是累加的,写法较low
后来用async和await进行重写,结构会比之前清晰

var c = [[11,22,33],[44,55,66]];
var asyncFun1=async function(){
    for(var key in c){   
         var awaitFun1 = function() {
            return new Promise((res)=>{
                var asyncFun2 = async function(){
                    for(var keys in c[key]){
                        await new Promise((res1)=>{
                        	setTimeout(()=>{
                        		console.log('每一个底层元素执行');
                        		res1()
                       		},3000)
                       	})
                    }
                    res();
                }
                asyncFun2();
            })
        }
        await awaitFun1();
        console.log('第一层元素');
    }
}
asyncFun1();
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值