js for循环遍历每一项异步请求，遍历结束后执行使用promise.all

link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

场景：

数组遍历中每次遍历都需要去请求 getStaffCover 接口，拿到该接口的结果拼接到数组的每一项，等到数组遍历完之后，拿到拼接好的数组。拼接的数组必须是最终遍历的结果，所以得等到所有的请求结束之后进行操作，使用 map 可以返回每一次异步请求的 Promise 合集，注意这里不需要return ，然后使用 Promise.all 等待执行完所有的异步操作，然后才会执行后面的代码

解决

 const promise = nv.aiFaceData.items.map(async item => {
            const timelines = [];
            let cover, name;
            !isEmpty(item.existTime.items) &&
              item.existTime.items.forEach(val => {
                timelines.push({
                  start: val.startTime,
                  duration: val.endTime - val.startTime
                });
              });
            if (get(item, 'staffId')) {
              cover = await this.getStaffCover(item.staffId);
              name = item.staffBase.name;
            } else {
              name = this.getMobileNumber(item.mobileNumber); //如果不是该组织人员,显示手机号
            const itemData = {
              info: {
                name,
                cover
              timelines: cloneDeep(timelines)
            aiData.push(itemData);
          });
          await Promise.all(promise);
          this.aiData = cloneDeep(aiData);
版权声明：本文为CSDN博主「weixin_44157964」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。

原文链接：https://blog.csdn.net/weixin_44157964/article/details/118578960

推荐文章

含蓄的人字拖 · vue如何循环生成多个ref • Worktile社区

1 月前

知识渊博的高山 · 欧洲锂资源战略的里程碑—法国埃赫曼重启阿根廷盐湖建设

4 月前

唠叨的紫菜汤 · 马斯克反击“封闭”的OpenAI：开源全球最大参数模型_手机新浪网

1 年前

正直的大蒜 · 爱奇艺原创电影《再见吧！少年》上映刘敏涛含泪给荣梓杉剃光头

2 年前

谦逊的佛珠 · 解决win10分辨率过高导致某些软件显示小的办法_因当前系统dpi过高程序会出现_candyguy242的博客-CSDN博客

2 年前

英俊的汤圆 · 小鹏汽车走不出魔咒：卖得越多、亏得越多，毛利率垫底“三傻”_手机新浪网

2 年前