尝试映射Yelp API repsonse

Question

我正在使用yelp api（通过使用https://cors-anywhere.herokuapp.com/向其提出请求，作为代理人 - 由于yelp api本身不是cors-启用）尝试创建一个与Yelp搜索相似的应用程序以寻找我自己的实践。我能够将响应纳入浏览器的控制台。响应中有一个名为企业的阵列，与搜索相匹配的企业。我正在尝试使用.(map)通过企业数组进行映射。但是，我不断获得Cannot read property 'map' of undefined。

我从Yelp API中收到的回复响应在下面。谢谢Yelp API响应图像

另外，如果关于JavaScript的其他提示在查看我的代码时会想到，请分享我很早就开始编程职业。

const Yelp = {
  getAccessToken: function() {
    if(accessToken) {
      return new Promise(resolve => resolve(accessToken));
    };
    return fetch(accessTokenUrl, {
      method: 'POST'
    }).then(response => response.json()).then(jsonResponse => {
     accessToken = jsonResponse.access_token;
    })
  },
  search: function(term,location,sortBy) {
    return this.getAccessToken().then(() => {
      const yelpRetrieveUrl = `${corsAnywhereUrl}https://api.yelp.com/v3/businesses/search?term=${term}&location=${location}&sort_by=${sortBy}`;
      return fetch(yelpRetrieveUrl, {
        headers: {Authorization: `Bearer ${accessToken}`}
    });
  }).then(jsonResponse => {
  if(1 > 0){
    console.log('true!!!!');
    return jsonResponse.businesses.map(business => {
      return {
        id: business.id,
        imageSrc: business.image_url,
        name: business.name,
        address: business.location.address1,
        city: business.location.city,
        state: business.location.state,
        zipCode: business.location.zip_code,
        category: business.categories,
        rating: business.rating,
        reviewCount: business.review_count
      };
    });
  } else {
    console.log('FALSE')
  }
  })
}
};

Answer 1

fetch(myRequest).then(function(response) {
    var contentType = response.headers.get("content-type");
    if(contentType && contentType.includes("application/json")) {
      return response.json();
    }
    throw new TypeError("Oops, we haven't got JSON!");
  })
  .then(function(json) { /* process your JSON further */ })
  .catch(function(error) { console.log(error); });

您可以搜索 JSONRESPONSE＃JSON 功能，以将JSON数据集变成可以在JavaScript中处理的真实对象。

并且由于您要求它：在使用承诺时，请使用 Promise＃Catch＃Catch 函数来处理即将到来的错误。不要让浏览器处理它们，因为它们可以在不同的浏览器中具有不同的行为。

可能会删除 1> 0 检查，因为它始终是正确的，但我认为这仅是用于测试目的。

我希望我能为您提供帮助！由于我目前在移动设备上，我可能会稍后附加代码。