基于异步调用返回的值的 Typescript / Javascript 中的条件 For 循环 [重复]

Question

这是我的要求。我的代码调用了一个返回 json 对象的网络服务器（让我们称之为http://myapi/:id）。

我的网站是一个离子应用程序，调用此 api 服务器 'n' 次。 'n' 的值是用户定义的。

期望每个 api 调用必须在下一次 api 调用之前完全执行，并且返回的 json 对象需要在运行下一次 api 调用之前传递一组条件。如果 json 对象未能通过条件检查，则 for 循环的执行将停止。

代码应如下所示。

getObjects(count: number){
for(i = 0; i < count; i++){
    myapi.get().then(val=>{
            if(val.flag == true){
                ;
              }else{
                break;
               }
     })
  }
}

getObjects(10);

Answer 1

这是我迄今为止发现的工作。

var i = 0;
getObject(i: number,count: number){

   myAPI.then(val=>{
     if(i < count){
       if(val == true){
            //dome some stufff
            i = i + 1;
            getObject(i, count);
       }
     }
   }).catch(err=>{
      //deal with error; 
   });


//User invoked call

getObject(i, 10);

欢迎任何改进和建议。

Answer 2

一直针对您想要的方法使用/调用：getObjects(10); 并想出了这样的东西：

getObjects(maxCount: number) {
    this.getObjectsLoop(maxCount);
}

getObjectsLoop( maxCount: number, count: number = 0) {
    count++;
    this.requestObject().then(
        (val) => {
            //do whatever with val ?

            if(count <= maxCount){
                this.getObjectsLoop(maxCount,count);
            }
            else {
                // this was the last request.
            }
        },
        (err) => {
            // stop sending request
        }
    );
}

requestObject(): Promise<any> {
    return myapi.get().then(
        (val) => {
            return val.flag? val : Promise.reject('Did not pass the success data flag/condition');
        },
        (err) => {
            return Promise.reject(err);
        }
    );
}

试试看。您可以将其他两个函数声明为 private 方法。实际上，您可以直接调用 getObjectsLoop(10) 和/或将其重命名为 getObjects 并删除第一个函数。我故意这样做是为了让您可以将最后两个函数声明为私有，而 getObjects 的 Ts IntelliSense 将只显示并允许一个参数 (maxCount)。