Home > Enterprise >  How to await asynchronous map function?
How to await asynchronous map function?

Time:05-21

let me quickly get to the point. I have a function which fetches some user ids. It works very well.

const allIds = await fetchAllIds(someUrl);

Now the problem comes when I want to do something different. I'd like to loop over those ids and do some async await stuff with them. That is, to mainly fetch some data for each one with axios and modify them accordingly.

allIds.map(async (id) => {
  // 1. Fetch some data (try, catch and await)
  // 2. Modify the id based on that data
  // 3. Return the id, namely replace the old one
});

At the end of my code, I simply return allIds. The problem is that it returns them without waiting for the map function to execute completely. I tried different methods and none of it seems to be working. Could you please help me to make it work or perhaps suggest some other possible solutions? Thanks in advance!

CodePudding user response:

You basically have two problems:

  1. You are ignoring the return value of the map
  2. The map will return an array of Promises and you aren't awaiting them all

So:

const promises = allIds.map(...);
const replacement_ids = await Promise.all(promises);
return replacement_ids;

CodePudding user response:

Use this instead.

const newList = await Promise.all(allIds.map(id=>new Promise(async(res)=>{
 // do your async here and get result;
 res(result);
})));

  • Related