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