Typescript map 不等待結果[重復]

Question

這個問題在這里已經有了答案：

如何在做其他事情之前返回許多 Promises 並等待它們6 個答案

7 個月前關閉。

我正在使用與 TypeOrm 的多對多關系，后者需要 Id 來查找文章的子類別。

問題是 map 沒有等待將結果推送到數組中。

這是我的 map function 與列表和日志：

const subcategories = articleDto.subcategoriesIds.split(',').map(x => +x)
const subcategoriesList = []
    
await subcategories.map(async (subcategoryId) => {
    console.log('start:' + subcategoryId)
    const category = await this.subcategoriesService.getSubcategoryById(subcategoryId);
    console.log('mid:' + subcategoryId)
    await subcategoriesList.push(category);
    console.log('end:' + subcategoryId)
});

console.log('### ' + subcategories);
console.log('### ' + subcategoriesList);

這是日志的 output：

start:2
start:3
### 2,3
### 
mid:2
end:2
mid:3
end:3

我不明白為什么不等待結果，如果您知道如何解決此問題，感謝您的幫助。

編輯：通過在內部使用 map 添加Promise.all解決了這個問題

const subcategories = articleDto.subcategoriesIds.split(',').map(x => +x);

const subcategoriesList = await Promise.all(subcategories.map((subcategoryId) => {
      return new Promise((resolve => {
        this.subcategoriesService.getSubcategoryById(subcategoryId).then(result => {
          resolve(result);
        });
      }))
    }));

Answer 1

數組原型方法不會等待，即使它們是異步的。 代碼仍然以同步方式觸發。 如果你需要這些等待你可以做

const subcategories = articleDto.subcategoriesIds.split(',').map(x => +x)
const subcategoriesList = []

for (const subCategoryId of subcategories) {
  console.log('start:' + subcategoryId)
  const category = await this.subcategoriesService.getSubcategoryById(subcategoryId);
  console.log('mid:' + subcategoryId)
  await subcategoriesList.push(category);
  console.log('end:' + subcategoryId);
}

console.log('### ' + subcategories);
console.log('### ' + subcategoriesList);