Change in order for .each() in firefox and chrome

Question

I have a web service that returns a JSON encoded array of data. I then use jQuery\'s .each() function to iterate through that array but in Firefox it iterates d

Answer 1

Property enumeration does not have any guaranteed order. If you want to enumerate over properties in a guaranteed order, put the properites of the object in an array, sort them as you expect and then enumerate over that.

In ES5, you can do this simply using Object.keys();

var keys = Object.keys(yourObj).sort();

for (var i=0;i

If you're not using an HTML5 shim or can't use the Object.keys() polyfiller, a for in will suffice;

var keys = [];

for (var x in yourObj) {
    yourObj.hasOwnProperty(x) && keys.push(x);
}

keys.sort();

for (var i=0;i

Of course, the sort() function on the Array object allows you to specify a function for a custom sort order. You can also use reverse() to reverse the key order.