Json object sort by ascending using javascript

Question

I have a json object and i want to sort it by ascending order

  [{ d: "delte the text" }, { c: "copy the text" }]

The key d and c are dynamically created, next time may be changed. How I can sort this into

[{ c: "copy the text" }, { d: "delte the text" }]

Please help me how I can do this. Thanks!

properties in an object don't have particular order. You should use an array with numeric indexes should you want some specific order. — Petr Čihula, Jun 05 '13 at 08:36
@PetrČihula: These are objects in an array though, not properties in an object. — Jon, Jun 05 '13 at 08:38
This could help you http://stackoverflow.com/questions/15967566/order-of-iterating-javascript-object-properties — Royi Namir, Jun 05 '13 at 08:40

score 1 · Answer 1 · answered Jun 05 '13 at 08:45

To sort an array you use Array.sort with an appropriate comparison function as an argument. The comparison function accepts two arguments, which in this case are expected to be objects with just a single property. You want to sort based on the name of that property.

Getting an object's property names is most convenient with Object.keys, so we have this comparison function:

function(x, y) { 
    var keyX = Object.keys(x)[0], 
        keyY = Object.keys(y)[0]; 

    if (keyX == keyY) return 0; 
    return keyX < keyY ? -1 : 1;
}

It can be used like this:

var input = [{ d: "delete the text" }, { c: "copy the text" } ];
var sorted = input.sort(function(x, y) { 
    var keyX = Object.keys(x)[0], 
        keyY = Object.keys(y)[0]; 

    if (keyX == keyY) return 0; 
    return keyX < keyY ? -1 : 1;
});

See it in action.

Note that Object.keys requires a reasonably modern browser (in particular, IE version at least 9); otherwise you would need to write something such as this instead:

var keyX, keyY, name;
for (name in x) { keyX = name; break; }
for (name in y) { keyY = name; break; }

See it in action.

The `break` is actually not necessary since it only would work reliable on one-key-objects anyway :-) — Bergi, Jun 05 '13 at 10:34

Json object sort by ascending using javascript

1 Answers1