多层数组的延迟执行 - for循环中执行定时器timeout async await
程序员文章站
2023-12-21 21:39:16
...
场景:
数据类型是多层数组,每隔几毫秒对最底层子元素进行一个操作;对每一个第一层子元素遍历完进行一个操作。
例如 :
数组为 [[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();