javascript - 如何在数组对象中插入元素

Question

给出以下响应:

response=[{"long":"long_value1","lat":"lat_value1","ts":"ts_value"},{"long":"long_value2","lat":"lat_value2","ts":"ts_value"},{"long":"long_value3","lat":"lat_value3","ts":"ts_value"},{"long":"long_value4","lat":"lat_value4","ts":"ts_value"}]

然后使用 API，我尝试下一步执行此操作，以便在响应中插入“地址”属性:

    for(var i in response){
      $http.get(url(i)).success(function(response2){
        response[i].address = response2.valueToassign;        
                });
}

我的问题是“address”属性仅插入到最后一个对象中，如下所示:

 response=[{"long":"long_value1","lat":"lat_value1","ts":"ts_value"},{"long":"long_value2","lat":"lat_value2","ts":"ts_value"},{"long":"long_value3","lat":"lat_value3","ts":"ts_value"},{"long":"long_value4","lat":"lat_value4","ts":"ts_value", "address":"address_value4}]

这个循环如何在数组的每个对象中插入“地址”？

Answer 1

您的代码的问题在于它是异步的，在循环执行之前
试试这个

        var responses = [{"long":"long_value1","lat":"lat_value1","ts":"ts_value"},{"long":"long_value2","lat":"lat_value2","ts":"ts_value"},{"long":"long_value3","lat":"lat_value3","ts":"ts_value"},{"long":"long_value4","lat":"lat_value4","ts":"ts_value"}]

            function uploader(i){
            if(i< responses.length)
            {
            $http.get(url).success(function(response2){
                           if(response2){
                    response[i].address = response2.valueToassign; 
                  uploader(i+1) 
    }
    else{
         alert('resposnse output is blank');
         uploader(i+1)
      }    
 });

            }
            else{
            console.log(response);
            }
            }
            uploader(0)