为啥通过jQuery中的for循环后数组顺序是随机的？ [复制]

Posted 2023-05-09

【中文标题】为啥通过jQuery中的for循环后数组顺序是随机的？ [复制]

【英文标题】：Why is the array order is random after passing through a for loop in jQuery? [duplicate]为什么通过jQuery中的for循环后数组顺序是随机的？ [复制]

【发布时间】：2018-02-15 02:42:40

【问题描述】：

我正在通过 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>");
   );            
    ;
);

【问题讨论】：

因为 getJSON 是异步的

更具体的重复：***.com/questions/15347750/getjson-and-for-loop-issue

【参考方案1】：

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

只有拨打电话，等待响应，然后再拨打下一个电话，才能保证这一点