无法访问数组中的对象 - Javascript

Question

所以我在 forloop 中运行了几个 $http.get 请求并将结果存储在一个数组中。 当我运行时： console.log(episodesObj[0])它返回undefined 。 但是，当我运行console.log(episodesObj)时，它会返回整个数组：

下面是我正在运行的代码

    var episodesObj = [];
    for(i=1;i<=num_seasons;i++) {
      $http.get('/api/show/<%=show.id%>/season/'+i)
      .then(response => {
        episodesObj.push(response.data)
      });
    }
    console.log(episodesObj); ```

Answer 1

如果要打印最终结果，可以使用promise all

全部（承诺）；

将多个 Promise 组合成一个 promise，当所有 > 输入 Promise 都已解决时，该 promise 将被解决。

就像是：

var listOfPromises = [];
for(i=1;i<=num_seasons;i++) {      
    listOfPromises.push($http.get('/api/show/<%=show.id%>/season/'+i))     
}


$q.all(listOfPromises).then(function(result){
   
    // we run this code once all promises are resolved
    for (var i = 0; i < result.length; i++){
        episodesObj.push(result[i]);
    }
   
   console.log(episodesObj);
});

Answer 2

在 http 调用完成之前，您不会将响应推送到您的阵列，所以如果您立即记录episodesObj[0] ，当然它是未定义的。

Chrome 会保留对您控制台记录的非原始内容的实时引用，因此当 http 调用最终更新数组时，它也会在控制台中更新，这就是您稍后可以查看它的原因。