在 Node.js/Express 中的 get 请求中进行推送后数组为空

Question

我正在编写一个调用 API 来获取 URL 的函数。这些是我希望完成的步骤：

1. 将对象（餐厅）数组作为参数解析
2. 对于每个对象，调用 Google 搜索 API 以获取一些图片网址
3. 将这些 imageURL 存储在一个数组中
4. 将 imageURLs 作为名为 imageURLs 的属性添加到参数中数组中的每个对象

代码能够在 GET 请求中记录 imageURLs，但在请求之外，imageURLs 只是一个空数组。

var googleSearch = function(restaurants, cb){   
        console.log("google starts");   
        const apiKey = google_apiKey;   
        const cseKey = cseID;

         Array.from(restaurants).forEach(function(restaurant){   

    var keyWord = restaurant.name + " "+ restaurant.location.city
      + " "+ restaurant.location.state + " food";

    var googleURL = "https://www.googleapis.com/customsearch/v1?key="+ apiKey +
      "&q="+ keyWord +
      "&searchType=image" +
      "&cx=" + cseKey +
      "&num=7" +
      "&safe=medium"
    ;

    //image URLs of each restaurants to be displayed in the front end   
  var imageURLs = [];

  request
      .get(googleURL,
        {
          json : true, headers: {
            'User-Agent' : 'thaorell'
          }
        })
      .then(function(response){
          Array.from(response.items).forEach(function(item){
            imageURLs.push(item.link)
          });
        })
      .catch(e => {
        console.log(e);
      })
      restaurant.imageURLs = imageURLs
   })   
 cb(null, restaurants);
}

Answer 1

你误解了 Promise API：

var googleSearch = function (restaurants, cb) {
  console.log("google starts");
  const apiKey = google_apiKey;
  const cseKey = cseID;

  return Promise.all(Array.from(restaurants).map(function (restaurant) {

    var keyWord = restaurant.name + " " + restaurant.location.city
      + " " + restaurant.location.state + " food";

    var googleURL = "https://www.googleapis.com/customsearch/v1?key=" + apiKey +
      "&q=" + keyWord +
      "&searchType=image" +
      "&cx=" + cseKey +
      "&num=7" +
      "&safe=medium"
      ;

    return request
      .get(googleURL,
        {
          json: true, headers: {
            'User-Agent': 'thaorell'
          }
        }
      )
      .then(function (response) {
        restaurant.imageURLs = Array.from(response.items).map(function (item) {
          return item.link;
        });
        return restaurant;
      })
    })
  )
    .then(restaurants2 => cb(null, restaurants2))
    .catch(cb)
}

如您所见，在将数据传回回调之前，您需要等待所有请求完成。