Javascript 为什么数组顺序在通过jQuery中的for循环后是随机的？

我正在通过jQuery中的for循环传递一个数组。然而，数组元素的顺序在每次传递后都是随机的。在html中显示数组时，它不跟随原始元素的位置。顺序很重要，因为我想将它们与另一个数组输出匹配。代码如下：

$(document).ready(function(){

 var streams = ["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"];
 var name = [];
 var cLogo =[];

  for (var j = 0; j < streams.length; j++) { 
    $.getJSON("https://api.twitch.tv/kraken/users/" + streams[j]+"?client_id=z4tearbiduwua797pngirp8texyqik",function(c){
   name[j] = c.display_name;
   cLogo[j] = c.logo;
     if(cLogo[j]==null){
 cLogo[i]="http://www.freeiconspng.com/uploads/no-image-icon-32.png";
    }

 $('#name').append('<div><p>'+name[j]+'</p></div>'); 
 $('#logo').append("<div><img src='"+cLogo[j]+"'></div>");
   });            
    };
});

$（文档）.ready（函数（）{
var streams=[“ESL_SC2”、“OgamingSC2”、“cretetion”、“freecodecamp”、“storbeck”、“habathcx”、“RobotCaleb”、“Noobs2nijas”]；
变量名称=[]；
var cLogo=[]；
对于（var j=0；j'）；
$（“#logo”）。追加（“”）；
});            
};
});

.getJSON是一个异步调用，因此即使您可以按顺序进行调用，也不能保证以相同的顺序进行响应

---

只有在进行调用，等待响应，然后进行下一次调用时，才能保证这一点，因为getJSON是异步的，更具体的重复：