Sort object by value

Question

So here's the object:

Object structure

As you can see, the last amount(2000) is lower than 10000 but it's still at the end. I'm trying to display the elements sorted by amount. I know that I have to convert the object to array and use sort on it, but don't have an idea how can I do this properly.

EDIT: I've tried something like this without any success:

var packs_array = [];

jQuery.each(json.purchase_packs, function(i, pack) {
    packs_array.push(pack);
});

packs_array.sort();

you need to convert the object to a array before sorting because object doesnot have an order — Arun P Johny, Dec 18 '13 at 11:48
Are you using the values in DOM elements, if so show us how, and it's probably easier to create an array of elements, and insert them into the DOM in the right order. — adeneo, Dec 18 '13 at 11:49
http://stackoverflow.com/questions/1069666/sorting-javascript-object-by-property-value — Joao Almeida, Dec 18 '13 at 11:50

raina77ow · Answer 1 · 2013-12-18T11:56:52.103

1

To do this, you need to convert your object into an array first...

var arr = $.map(json.purchase_packs, function(v) { return v; });

... then sort this array with a custom sorter function:

arr.sort(function(a, b) {
  return a.amount - b.amount;
});

Demo. Note that sorting is in-place operation (i.e., arr.sort alters an existing object).

edited Dec 18 '13 at 11:56

answered Dec 18 '13 at 11:49

raina77ow

103,633
15
192
229

How can access the ID of the object after the sorting? I mean 93 for amount = 2000. – user1410644 Dec 18 '13 at 12:03

score 1 · Accepted Answer · answered Dec 18 '13 at 12:22

1

var packs = {
    0: { amount: 2000 },
    3: { amount: 1000 },
    5: { amount: 50 }
};

var sortedPacks = Object.keys(packs)
    .map(function (id)  {
        packs[id].id = parseInt(id, 10);
        return packs[id];
    })
    .sort(function (a, b) {
        return a.amount - b.amount;
    });

console.log(sortedPacks); // => [{"amount":50,"id":5},{"amount":1000,"id":3},{"amount":2000,"id":0}]

answered Dec 18 '13 at 12:22

FloHimself

291
3
12

Note: This snipped uses ES5 features. If you are targeting browsers like IE8 and earlier, you should include a ES5 shim like [Augment.js](http://augmentjs.com/) or [es5-shim.js](https://github.com/kriskowal/es5-shim) in your page. – FloHimself Dec 18 '13 at 12:41

score -1 · Answer 3 · answered Dec 18 '13 at 11:53

-1

JavaScript sort() function works with list elements as strings by default. You should specify sort function to sort other value types:

var l = [1, 5, 12, 127, 12, 3, 9];
l.sort(function(a,b){return a-b});
=> [ 1, 3, 5, 9, 12, 12, 127 ]

Source

answered Dec 18 '13 at 11:53

archydragon

139
3

Sort object by value

3 Answers3