非同期 forEach ループの完了コールバックを実装するにはどうすればよいですか?

非同期 forEach コールバック: 完了コールバックの実装

forEach のような非同期ループが使用されるシナリオでは、多くの場合、すべての非同期操作が完了するとコールバックが行われます。このガイドでは、この機能を実現するためのいくつかのアプローチを紹介します。

1.シンプルなカウンターの利用

この手法では、項目が処理されるたびに増加するカウンターを使用します。カウンタが項目の合計数に達すると、完了コールバックが呼び出されます。

function callback () { console.log('all done'); }

var itemsProcessed = 0;

[1, 2, 3].forEach((item, index, array) => {
  asyncFunction(item, () => {
    itemsProcessed++;
    if(itemsProcessed === array.length) {
      callback();
    }
  });
});

2. ES6 Promises を活用する

Promise により、順次 Promise チェーンの作成が可能になり、非同期タスクの同期実行が保証されます。

function asyncFunction (item, cb) {
  setTimeout(() => {
    console.log('done with', item);
    cb();
  }, 100);
}

let requests = [1, 2, 3].reduce((promiseChain, item) => {
    return promiseChain.then(() => new Promise((resolve) => {
      asyncFunction(item, resolve);
    }));
}, Promise.resolve());

requests.then(() => console.log('done'))

3.非同期ライブラリの採用

「async」のようなライブラリは、必要な機能を表現するためのメカニズムを提供します。具体的な実装は、選択したライブラリによって異なります。

以上が非同期 forEach ループの完了コールバックを実装するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。