Js await function inside a map

Question

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

Answer 1

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 });

Answer 2

Promise.all does this out of the box, don't bring your own array:

Promise.all(categoryItem.next_steps.map(next_step =>
  categoryItemSvcV2.getAllItensNoOrderByCategoryId(next_step.category, idpage)
)).then(info => {
//      ^^^^
   res.json({ success: true, info })
});