JavaScript 承诺跳过循环并立即解决

Question

我在javascript异步调用时遇到了一些问题。我得到了一个地址列表，对于每个地址，我正在使用地理编码来获取纬度和经度。然后，我继续格式化标记详细信息并将标记推送到标记数组中。我已经使用了一些承诺，但它似乎不起作用：

var markersToAdd = [];
function drawmap(mapData){
let promise = new Promise((resolve, reject) => { 
// getlatlng
resolve(mapData);
});

promise.then((markersToAdd) => {
//loop
addMarker(markersToAdd[i]);
});
}
function getLatLng(address, branchName, total){
geocoder.geocode( { 'address': address }, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {

} else {
alert('Geocode was not successful for the following reason: ' + status);
}
});
}
function addMarker(marker) {

}

现在的问题是，在我得到所有的纬度和经度之前，承诺已经解决了。我的示例输出：

它在数组中的所有项目获得其纬度和经度之前解决了承诺。对了，它应该是打印出所有细节，然后是"循环完成"和"完成承诺"。

我该如何解决这个问题？

Answer 1

如果启动异步函数 (.geocode(，则可能需要等待它，然后再继续。使用await可以循环等待，但是在这种情况下，允许赛车可能会更快(所有承诺立即开始，如果全部完成，则继续(：

首先我们需要承诺getLatLng

function getLatLng(address, branchName, total){
return new Promise(function(resolve){
geocoder.geocode(function(){
//do some stuff
resolve(markerItem);//i think you want to return a new object here right?
});
});
}

然后我们需要将mapData映射到promises，然后用Promise.all统一它们：

function drawmap(mapData){
//a promise to await them all
//it will resolve to an *markerItem* array, returned from getLatLng
let promiseKey = Promise.all(
//map el to getLatLng promise
mapData.map(el=>getLatLng(el.branchAddress, el.branchName,el.total))
);
//... 
//E.g.
var addedMarkers = promiseKey.then(
markers => Promise.all(
markers.map(marker => addMarker(marker))
)
);
}