jQueryのループ中に処理の完了を待って次に進む

Question

以下のようなループ中に処理の完了を待って、次に進むような処理は可能でしょうか。

$.each(array, function (i, val) {
　1. AJAXなど時間がかかる処理を実行
　2. 処理が完了したら次のループへ進む
});

setTimeoutにすると処理が終わる前に次のループ処理が実行する場合があり困っております。

$.each(array, function (i, val) {
    setTimeout(function () {
        処理を実行
    }, 1000 * key);
});

Answer 1

$.Defferedや$.whenを利用してください

jsでいうとpromiseやasync/await処理です

sample

(async()=>{
for(let i=0;i<10;i++){
  await new Promise(resolve=>{
    setTimeout(()=>{
      console.log(i);
      resolve();
    },300);
});
}
})();

Comments

[nagaoo]

ありがとうございました。解決しました！