javascript - 如何在数组上调用 .getJSON？

Question

我知道 .getJSON 会进行异步调用。这意味着我无法在 for 循环之后 console.log 数组“streams”(因为 .getJSON 尚未完成)。然而，我的大部分 Javascript 都取决于这些调用的结果!我认为这就是 promise 发挥作用的地方。

但我确实需要等到所有 .getJSON 调用都通过数组进行，这意味着只将 Promise 调用放在数组的最后一部分上(我认为)。我应该如何去做这件事，或者我是否以错误的方式看待这个问题？谢谢。

var reg_users = ["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"];
var streams = [];
for (var i = 0; i < reg_users.length; i++) {
  $.getJSON('https://api.twitch.tv/kraken/streams/' + reg_users[i] + '?callback=?', function(data) {
    streams.push(data);
  });
}

Answer 1

var reg_users = ["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"];
var reqs = [];
for (var i = 0; i < reg_users.length; i++) {
  reqs.push($.getJSON('https://api.twitch.tv/kraken/streams/' + reg_users[i] + '?callback=?'));
}

Promise.all(reqs).then((res) => {
  // do things with responses here.
});