时间戳

首页 > 解决方案 > 如何停止执行 foreach 直到它内部的 API 调用结束？

javascript - 如何停止执行 foreach 直到它内部的 API 调用结束？

问题描述

我正在调用发送一组 id 作为参数的服务。在函数中，我需要对这些 id 做一个 foreach 并为每个 id 调用一个 api 来获取这个元素的完整信息，然后用那个信息做一些事情。

那么我怎样才能停止执行 foreach 直到它内部的 API 调用结束呢？

功能：

addCandidate(ids: any, candidate: string) {

    ids.forEach(elem => {

        this.getSearch(elem).subscribe(res => {

            let currentCandidates = res.candidates;
            if(currentCandidates) {
                if(!currentCandidates.includes(candidate)){
                    currentCandidates.push(candidate);
                    this.itemDoc.update({candidates: currentCandidates});
                }
            }else{
                this.itemDoc.update({candidates: [candidate]});
            }
        })

    });
}

谢谢！！

标签： javascriptangulartypescriptforeachangular5

解决方案

这是一个如何使用 promise 和 map 的示例。 

let doSomthingToWaitFor = (ms) => {
  return new Promise(resolve => setTimeout(() => resolve('r-' + ms), ms))
}

(async (ids) => {
    await Promise.all(ids.map(async id => {
        let res = await doSomthingToWaitFor(id);
        console.log("my res: %s from id: %s", res, id);
    }));

    console.log("Successfully waited");
})([1000, 2000, 3000, 4000]);

您可以在函数中实现您的请求，doSomthingToWaitFor然后处理结果。

推荐阅读