Асинхронная функция в итерации - javascript

Question

Я пытаюсь не копировать код и не перебирать функцию a в асинхронном режиме d3. Вот код

Поскольку d3.text является асинхронным, я не могу правильно использовать индекс u для добавления объектов в DOM. Как мне это сделать? Мне нужен цикл, чтобы перейти к следующей итерации однажды d3.text закончил

for(var u in urls) { 
    console.log(u); 
    var url = "interest_points/" + urls[u] + ".csv"; 
    var data_gpBy_month = {}; 
    var sortable_month = [] 

    d3.text(url, function(text) { 
    // some code... 
    var data = d3.csv.parseRows(text).map(function(row) { 
     //some code...   
    }); 

    //some code 
    });   
} 

Answer 1

Что-то вроде этого (скрипка: http://jsfiddle.net/EYAYT/2/)?

var urls = ["asd", "asdasd", "Asdasfa"]; 
var currentUrlIndex = 0; 
var getUrl = function(){ 
    if (currentUrlIndex >= urls.length){ 
     return null; 
    } else { 
     return "interest_points/" + urls[currentUrlIndex++] + ".csv"; 
    } 
} 

var execd3Text = function(){ 
    var url = getUrl(); 
    if (url){ 
     d3.text(url, function(text) {            

        //some code;; 
        execd3Text(); 
       }); 
    } 
} 

execd3Text(); 

Answer 2

Если я понял правильно:

function doSomething(array) { 
    var u = array.shift(); 
    console.log(u); 

    var url = "interest_points/" + urls[u] + ".csv"; 
    var data_gpBy_month = {}; 
    var sortable_month = [] 

    d3.text(url, function(text) { 
    // some code... 
    var data = d3.csv.parseRows(text).map(function(row) { 
    //some code...   
    }); 

    //some code 

    if (array.length > 0) 
     doSomething(array); 
});   


doSomething(Object.keys(urls)); 

Answer 3

Петля должна просто стать этим:

for(var u in urls) { loadParseAndRender(u); } 

Все существующая логика затем переходит в loadParseAndRender, но в этот момент u никогда не получит переопределены. I.e, в фантастических терминах, он захватывается в закрытии.

function loadParseAndRender(u) { 
    // the rest of your code 
} 

Что David W предложил то же самое, как abive, но без создания имени функции для этого, вы могли бы сделать это:

for(var _u in urls) { 
    (function(u) { // this is an anonymous function 
    // the rest of you code 
    })(_u) // this function gets called as soon as it's declared 
}