'for loop'또는 'push'가 완료 될 때까지 기다렸다가 함수를 실행하십시오. - Javascript

Question

안녕하세요 저는 다음 코드를 사용하고 있습니다. clickButton()이 initialize()를 실행하기 전에 완료 될 때까지 스크립트가 기다리는 방법이 필요합니다. 아니면 푸시가 완료 될 때까지 기다리는 중입니까? 어떤 도움을 주시면 감사하겠습니다. 감사합니다

$("#getButtonValue").click(clickButton); 
function clickButton() { 
    for(i = 1; i < counter; i++){ 
     var geocoder = new google.maps.Geocoder(); 
     var address = $('#textbox' + i).val() 
     geocoder.geocode({ 'address': address}, function (results, status) { 
      if (status == google.maps.GeocoderStatus.OK) { 
         latCoords.push(results[0].geometry.location.lat()); 
         longCoords.push(results[0].geometry.location.lng()); 
      } 
     }); 
    } 
    initialize(); 
} 

Answer 1

나는 당신이하려는 것을 봅니다.

약속을 사용하지 않으면 간단한 해결책은 모든 geocoder.geocode() 호출이 완료되었는지 확인하는 카운터를 만드는 것입니다.

$("#getButtonValue").click(clickButton); 
function clickButton() { 
    // A counter variable 
    int completeCount = 0; 
    for(i = 1; i < counter; i++){ 
     var geocoder = new google.maps.Geocoder(); 
     var address = $('#textbox' + i).val() 
     geocoder.geocode({ 'address': address}, function (results, status) { 
      if (status == google.maps.GeocoderStatus.OK) { 
       latCoords.push(results[0].geometry.location.lat()); 
       longCoords.push(results[0].geometry.location.lng()); 

       // Increment completeCount 
       completeCount++; 

       // If all geocoder.geocode() calls received an "OK", initialize() 
       if (completeCount == counter) { 
        initialize(); 
       } 
      } 
     }); 
    } 
}