数组未在map方法中将对象压入该数组

如何解决数组未在map方法中将对象压入该数组

我有一个API请求，我的目标是返回带有选定数据的对象数组。

axios.get(collectionsUrl,options)
  .then(function (response) {
    articles = (response.data.articles.items);
    const articleData = [];

    articles.map( article => {
        axios.get(`https://docsapi.helpscout.net/v1/articles/${article.id}`,options)
          .then(function (response) {
          const articleName = response.data.article.slug;
          const articleHtml = response.data.article.text;

          articleData.push({ name : articleName,"HTML" : articleHtml });

        })
          .catch(error => console.error(error));
      });
      console.log(articleData);
    })
  .catch(error => console.error(error));

如果我在map方法中管理日志，则可以看到按预期方式创建的对象。但是这些并没有被推送到我空的articleData数组上。我怀疑存在某种异步问题，但我仍在学习Javascript，无法完全弄清原因。