Js await function inside a map

May 6, 2022

I have an array of category ids in order, I have to make a map and fetch the items from these categories and in the end keep the original order of the array

what I’ve been doing:

const info = []
Promise.all(categoryItem.next_steps.map((next_step) => {
   return categoryItemSvcV2.getAllItensNoOrderByCategoryId(next_step.category, idpage)
       .then((result) => {
            info.push(result)
       })
})).then(() => {
   res.json({ success: true, info })
})

the categoryItem.next_steps is the array of categoryIds on order, however each time I call this function it displays in an order

>Solution :

As you’re using Promise.all, you don’t need to create a separate array. Looking at your code above, this should work

const values = await Promise.all(
  categoryItem.next_steps.map((next_step) =>
    categoryItemSvcV2.getAllItensNoOrderByCategoryId(next_step.category, idpage)
  )
);

res.json({ success: true, values });