Не работает async/await в map JS

Не могу понять почему в результирующем массиве остаются промисы

const ids = [1, 2]
const cards = ids.map(async(id) =>{
    const card = []
    card.id = id
    card.price = await (запрос на бд для цены)
    return(
       card
    )
})

Получаю такое

введите сюда описание изображения

пробовал и перед мапом await ставить, все равно также


Ответы (1 шт):

Автор решения: Strygwyr

Необходимо собрать массив промисов в Promise.All, так как map собирает массив промисов если там есть чего ожидать и await не ждет их решения

const cards = await Promise.all(ids.map(async(id)=>{...}))
→ Ссылка