Create a gist now

Instantly share code, notes, and snippets.

Synchronous for loop in JavaScript to ensure that the n+1th item isn't processed until the callback of the nth item's processor has been called.
/**
* Process an array of data synchronously.
*
* @param data An array of data.
* @param processData A function that processes an item of data.
* Signature: function(item, i, callback), where {@code item} is the i'th item,
* {@code i} is the loop index value and {@code calback} is the
* parameterless function to call on completion of processing an item.
*/
function doSynchronousLoop(data, processData, done) {
if (data.length > 0) {
var loop = function(data, i, processData, done) {
processData(data[i], i, function() {
if (++i < data.length) {
loop(data, i, processData, done);
} else {
done();
}
});
};
loop(data, 0, processData, done);
} else {
done();
}
}
@steve-taylor

This was just a learning exercise for me and I posted it here for myself, but I made it public because there's no reason to hide it.

@eliasruizhz

i love this <3

@Zr0ck

Very useful for me..! :-*

@beetleskin

You'll run easily into the maximum off call stacks. Workaround:

function doSynchronousLoop(data, processData, done) {
    if (data.length > 0) {
        var loop = function(data, i, processData, done) {
            processData(data[i], i, function() {
                if (++i < data.length) {
                    setTimeout(function(){
                                            loop(data, i, processData, done);
                                        }, 0);
                } else {
                    done();
                }
            });
        };
        loop(data, 0, processData, done);
    } else {
        done();
    }
}
@caroso1222

Genius! worked like a charm. Can we have a little bit of an explanation about why this works? :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment