jquery：数组已填充，但在退出$ .each后变为空

Question

所以我有一个数组，比如arr = []，定义了。然后我用 $.each(otherArr, function(i, val))填写arr。在$.each内，数组arr逐个填充。但是，退出$ .each后，arr变为空。不知道为什么。这是代码：

var arr = [];
var url = "http://some_url/";
$.each(otherArr, function(idx, val){
     $.getJSON( url + val).then(function (result) {
         arr.push(agt);   
         console.log(arr); // -> this looks fine.
     });
});
console.log(arr); // -->> ughh.. it's empty.

知道为什么以及如何解决这个问题？