尝试映射 Yelp API 响应答案

【问题标题】：Trying to Map Yelp API repsonse尝试映射 Yelp API 响应
【发布时间】：2018-02-12 08:10:48
【问题描述】：

我正在使用 Yelp API（通过使用 https://cors-anywhere.herokuapp.com/ 作为代理向它发出请求，因为 Yelp API 本身不支持 CORS）来尝试创建一个非常类似于我自己的 Yelp 搜索的应用实践。我能够在浏览器的控制台中获得响应。响应有一个名为业务的数组，其中包含与搜索匹配的业务。我正在尝试使用.(map) 来映射业务数组。但是，我不断收到Cannot read property 'map' of undefined。

我从 Yelp API 收到的回复如下。谢谢 Yelp API Response Image

另外，如果在查看我的代码时有任何其他关于 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')
  }

  })
}

};

【问题讨论】：

考虑接受已解决的答案？
感谢您提及这一点，我没有意识到我需要接受答案。

标签： javascript json ajax fetch-api array.prototype.map

【解决方案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 中处理的真实对象。

并且因为您要求它：当您使用 Promises 时，请使用 Promise#Catch 函数来处理即将发生的错误。不要让浏览器处理它们，因为它们在不同的浏览器中可以有不同的行为。

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

希望能帮到你！由于我目前在移动设备上，因此我可能稍后会附加代码。

【讨论】：