当前位置:网站首页>async await 在map中使用
async await 在map中使用
2022-07-04 19:52:00 【啾比特】
前言
在做微信小程序的练习时,需要遍历数组中的元素,获取各个元素的id并发起请求来请求对应的资源。这就需要将map循环遍历与async await 进行结合。由于是异步操作,async函数返回的是一个promise对象,则map遍历返回得到的是一个promise对象的数组,我们需要等到获取到所有promise之后在进行后续操作。
Promise.all
Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时,成功和失败的返回值是不同的,成功的时候返回的是一个结果数组,而失败的时候则返回最先被reject失败状态的值。
与map结合
异步的一般模式map是Promise.all(arr.map(async (...) => ...))
。
实例(微信小程序中的运用)
let videos = video.datas.map(async item =>{
item.id = index++;
item.videoUrl = await this.getVideoUrl(item.data.vid)
return item
})
let temp = await Promise.all(videos)
this.setData({
video:temp
})
边栏推荐
- Flet tutorial 07 basic introduction to popupmenubutton (tutorial includes source code)
- ACM组合计数入门
- Idea plug-in
- JS closure
- Leetcode+ 81 - 85 monotone stack topic
- Automatic generation of interface automatic test cases by actual operation
- Ten years' experience of byte test engineer directly hits the pain point of UI automation test
- 托管式服务网络:云原生时代的应用体系架构进化
- js 闭包
- Go notes (3) usage of go language FMT package
猜你喜欢
测试员的算法面试题-找众数
The concept and application of hash table
网件r7000梅林系统5g不稳定 5g信号经常掉线解决方法
Four traversal methods of binary tree, as well as the creation of binary tree from middle order to post order, pre order to middle order, pre order to post order, and sequence [specially created for t
[1200. Différence absolue minimale]
接口設計時的一些建議
Golang中UTF编码和字符集
福昕PDF编辑器v10.1.8绿色版
科普达人丨一文看懂阿里云的秘密武器“神龙架构”
Sword finger offer II 80-100 (continuous update)
随机推荐
奏响青春的乐章
idea配置标准注释
Understand Alibaba cloud's secret weapon "dragon architecture" in the article "science popularization talent"
Hash quiz game system development how to develop hash quiz game system development (multiple cases)
Alibaba testers use UI automated testing to achieve element positioning
go笔记(1)go语言介绍以及特点
go语言笔记(4)go常用管理命令
[observation] Lenovo: 3x (1+n) smart office solution, releasing the "multiplier effect" of office productivity
冰河的海报封面
Flet tutorial 06 basic introduction to textbutton (tutorial includes source code)
看腾讯大老如何做接口自动化测试
How does wincc7.5 SP1 find variables and their positions through cross indexing?
阿里测试师用UI自动化测试实现元素定位
面对同样复杂的测试任务为什么大老很快能梳理解决方案,阿里十年测试工程师道出其中的技巧
heatmap.js图片热点热力图插件
【解决方案】PaddlePaddle 2.x调用静态图模式
Win11系统wifi总掉线怎么办?Win11系统wifi总掉线的解决方法
Jekins initialization password not found or not found
Fleet tutorial 08 introduction to AppBar toolbar Basics (tutorial includes source code)
Ten years' experience of byte test engineer directly hits the pain point of UI automation test