forループをJS内のライブラリなしで作成する

Question

forループを作成して、ライブラリ（jQueryなど）を使用せずにループの新しい繰り返しを開始する前に、非同期呼び出しが完了するのを待つ方法を教えてください。

例：

var items = [1,2,3,4,5]; 
 

 
for (var i = 0; i < items.length; i++) { 
 

 
    var promise = new Promise(function(resolve, reject){ 
 
     asyncAPIcall({ 
 
      body : item[i] 
 
     }, function(error, response){ 
 
      if(error) { 
 
       reject(); 
 
      } else { 
 
       resolve(); 
 
      } 
 
     }); 
 

 
    promise.then(function() { 
 
      //continue loop 
 
     }, function() { 
 
      //break loop 
 
     }); 
 

 
}

おかげ

---

UPDATE（4/29）

私は関数を作成し、この溶液を考えますth通話自体で：

var items = [1,2,3,4,5]; 
 

 
var counter = items.length - 1; //minus one since array is zero based. 
 

 
function myLoop(){ 
 

 
    asyncAPIcall({ 
 
     body : item[counter] 
 
    }, function(error, response){ 
 
     if(error) { 
 
      // Error message. 
 
     } else { 
 
      counter = counter - 1; 
 
      if(counter == -1){ 
 
       //Done 
 
      } 
 
      else { 
 
       myLoop(); 
 
      } 
 
     } 
 
    }); 
 

 
}

Answer 1

あなたはそれらを順に（ - 私は、自分自身を減らす好むまたはループのために定期的に使用して約束のチェーンを設定）を処理するために減らすことができます。

let promise = items.reduce((carry, current) => { 
    return carry.then(arr => { 
     return asyncAPIcall({ body: current }).then(result => arr.concat([ result ])); 
    }); 
}, Promise.resolve([])); 

promise.then(finalResult => { 
    console.log('final result:', finalResult); 
}); 

これらの約束の結果を実際にキャプチャする必要がない場合は、これ以上必要な場合があります。また、最後には約束事があります。約束事には、それぞれの約束の結果の配列が含まれており、元の配列位置に対応しています。

asyncAPIcallの模擬バージョンもあります。ここで操作の順序を示すのに役立ちます。メソッドがどのように/どこで呼び出されたかをトレースする場合に役立ちます。

function asyncAPIcall(obj) { 
    console.log('asyncAPIcall for:', obj); 
    return new Promise((resolve) => { 
     setTimeout(() => { 
      let resolution = obj.body + 5; // change the value in some way, just to show that input !== output 
      console.log('resolving with:', resolution); 
      return resolve(resolution); 
     }, 100); 
    }); 
}