Processing asynchronous operations (deferreds) in sequence, in a loop with jQuery.

deferreds-in-a-loop-with-jquery.js

/* * /
Due to target constraints, it had to be done with jQuery (no new hotness allowed).
It took me some time to figure this out so, I thought I'd store it here for reference.
/* */

var doSomeDeferredStuff = function doSomeDeferredStuff(dvcs) {
	console.log('in doSomeDeferredStuff');
	var deferreds = [];

		$.each(dvcs, function(i, dvc) {
			var meta = Devices.Store.getItem(dvc.type),
				endpoint = meta.endpoints.device.replace(/\:device_id/, dvc.object_id),
				device = Devices.All.getItem(dvc.object_id);

			deferreds.push(
				$.getJSON(endpoint).done(function(data) {
					// update local copy
					var detail = data;
					for (var k in detail) {
						if (k && detail.hasOwnProperty(k) && k !== '' && k !== null) {
							device[k] = detail[k]
						}
					}
			}));
		});
	return deferreds;
};

var deferreds = doSomeDeferredStuff();
$.when.apply(null, deferreds).done(function() {
	console.log('all done! in sequence ;)');
});