Reputation: 372
I need to repeat async/await block several times, but cannot use the following code:
for (let i = 0; i <= 10; i += 1) {
const res = await DoSomething();
}
because it contradicts with no-await-in-loop rule.
Upvotes: 8
Views: 16840
Reputation: 22949
Promise.all
if order of iteration doesn't matterIf you don't mind code running out-of-order (meaning order of each iteration doesn't matter), just use Promise.all
instead:
const promises = [];
for (let i = 0; i <= 10; i += 1) {
promises.push(DoSomething());
}
const responses = await Promise.all(promises);
From MDN:
The Promise.all(iterable) method returns a single Promise that resolves when all of the promises in the iterable argument have resolved
Otherwise if you do need to do sequential work just disable the rule for that block:
/* eslint-disable no-await-in-loop */
for (let i = 0; i <= 10; i += 1) {
const res = await DoSomething();
}
/* eslint-enable no-await-in-loop */
await
in a loop is, more often than not, terribly inefficientThere is a reason that the rule exists. A lot of cases where await
is used in a loop are wasteful since each iteration is not dependent on the previous one, yet each iteration waits for the previous one to resolve before it even attempts to run the next one.
Promise.all
is orders of magnitude more efficient in those cases since it does work in "parallel", more or less.
From ESLint no-await-in-loop docs:
Performing an operation on each element of an iterable is a common task. However, performing an await as part of each operation is an indication that the program is not taking full advantage of the parallelization benefits of async/await.
Upvotes: 18
Reputation: 117
ES 9 has added a new feature for asynchronous iteration.
for await (const line of readLines(filePath)) {
console.log(line);
}
You could try it out. Hope it works.
Upvotes: 7