如何通过fetch进行HTTP GET请求时，如何将多个对象推入异步函数中的数组中

问题描述

这是我在stackoverflow上遇到的第一个问题。我面临的问题是，我正在向foursquare API发出GET请求，以获取您可能熟悉的场所详细信息。我分别获得所有场地详细信息对象。但是我想将它们推送到数组中以轻松地在网页上呈现它们。这是我的代码。

// Foursquare API Info
    const clientId = '***********************************';
    const clientSecret = '*****************************';
    const url = 'https://api.foursquare.com/v2/venues/search?near=';
    const venueDetails = ' https://api.foursquare.com/v2/venues/';

    const getVenues = async () => {
      const city = $input.val();
      const urlToFetch = 
    `${url}${city}&limit=10&client_id=${clientId}&client_secret=${clientSecret}&v=20201005`;

      try {
        const vanueResponse = await fetch(urlToFetch);
        if (vanueResponse.ok) {
          const jsonVenueResponse = await vanueResponse.json();
          const venues = jsonVenueResponse.response.venues.map(item => item.id);

          for (let id of venues) {
            let venueId = id;
            const venueDetailsUrl = `${venueDetails}${venueId}? 
   client_id=${clientId}&client_secret=${clientSecret}&v=20201005`;
            const detailsResponse = await fetch(venueDetailsUrl);
            if (detailsResponse.ok) {
              const jsonDetailsResponse = await detailsResponse.json();
              console.log(jsonDetailsResponse);
              }
            }
          }
        } catch (e) {
          console.log(e);
        }
    };

Here is the response screenshot

如您所见，控制台中有10个独立的对象。我需要他们将其推入单个阵列。我尝试创建一个空数组，然后将“ jsonDetailsResponse”推入该数组，但未按预期工作。有没有人可以帮助我。这是一个练习项目。谢谢：）

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）