如何使用foreach和promise

Question

我需要使用嵌套的 foreach 获取数据，但我无法填充我的数组。 在这段代码的末尾，我想有一个包含我的数据的数组（segId），但它是空的（因为异步）。 我读到我必须使用 Promise.all 但我不能因为我的承诺是嵌套的 我是初学者，所以我的代码远非完美 我该怎么做？

    async function getActivities(strava, accessToken)
{
  const payload = await strava.athlete.listActivities({'access_token':accessToken, 'after':'1595281514', 'per_page':'10'})
  return payload;
}
async function getActivity(strava, accessToken, id)
{
  const payload = await strava.activities.get({'access_token':accessToken, 'id':id, 'include_all_efforts':'true'})
  return payload;
}
async function getSegment(strava, accessToken, id)
{
  const payload = await strava.segments.get({'access_token':accessToken,'id':id})
  return payload
}

var tableau = []
var segId = []
const activities = getActivities(strava, accessToken)

activities.then(value => {
  value.forEach((element, index) => {
    const activity = getActivity(strava, accessToken, element['id'])
    activity.then(value => {
      value['segment_efforts'].forEach((element, index) => {
        const segment = getSegment(strava, accessToken, element['segment']['id'])
        segment.then(value => {
          segId.push(value['id'])
        })
        //console.log(segId)
      });
    });
  })
}) console.log(segId)

问候 PS：对不起我的英语......

Answer 1

这样的事情应该可以工作。您需要始终返回内部承诺以将它们包含在您的承诺链中。考虑将代码拆分为函数以使其更具可读性。

getActivities(strava, accessToken).then(activities => {
    return Promise.all(activities.map(elem => {
        return getActivity(strava, accessToken, elem['id']).then(activity => {
            return Promise.all(activity['segment_efforts'].map(elem => {
                return getSegment(strava, accessToken, elem['segment']['id']).then(segment => {
                    segId.push(segment['id']);
                });
            }));
        })
    }));
})
.then(_ => {
    console.log(segId);
});