Loop through json object and sort in order

Question

Currently I have a small piece of code which loops through a json object:

for (var key in json_object) {
    if (json_object.hasOwnProperty(key)) {
        var value       = key; //e.g. 50_100, 1000_2000, 20_50 etc
    }
}

I'm going to be outputting these values into a list later on. But the problem is that these values aren't in any order right now.

I'd like to be able to have these values sorted out in order. So my question is, is this possible and if so how?

Thanks!

Object keys don't have an order. If defined at compile time, order of keys is retained, else sorted by alphabetical order of keyname — gurvinder372
– gurvinder372, Commented Mar 16, 2016 at 13:48
You can make array of these key values and than sort it. As #gurvinder372 said - no sort for keys in object — S. Nadezhnyy
– S. Nadezhnyy, Commented Mar 16, 2016 at 13:50
My purpose is to be able to output them in an ordered list later on, so is there any alternative or other ways to achieve what I need? — user2028856
– user2028856, Commented Mar 16, 2016 at 13:53
@S.Nadezhnyy do you mean I save these values into an array and then sort that array? — user2028856
– user2028856, Commented Mar 16, 2016 at 13:53
@user2028856: You could serve an array (list) in the JSON that has the right order up front. — Bergi
– Bergi, Commented Mar 16, 2016 at 13:54

Mike Brant · Accepted Answer · 2016-03-16 14:03:04Z

1

In javascript, object properties are not guaranteed a specific order, so if you want to maintain order, you would likely need to write the object properties into an array of objects.

That could look like this:

var object_array = [];
// map properties into array of objects
for (var key in json_object) {
    if (json_object.hasOwnProperty(key)) {
        object_array.push({
            'key': key;
            'value': value;
        });   
    }
}
// sort array of objects
object_array.sort(function(a,b) {
    // note that you might need to change the sort comparison function to meet your needs
    return (a.value > b.value);
}

answered Mar 16, 2016 at 14:03

Mike Brant

71.4k10 gold badges102 silver badges104 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

user2028856 Over a year ago

I tried this but it doesn't seem to perform any sorting for strings such as this "100_500" , "800_1000", "2000_3000" etc

Mike Brant Over a year ago

@user2028856 That is why I indicated that you might need to change the sort comparison to do something applicable to the values you are sorting by. In the case of your strings, how would you propose to perform the sort?

Bergi Over a year ago

Your comparison function is invalid, see Sorting in JavaScript: Shouldn't returning a boolean be enough for a comparison function?

Asaf David · Accepted Answer · 2016-03-17 08:05:01Z

1

After reading all solutions, I realized my solution was wrong. Object.keys is good for getting an array of keys only, so Mike Brant's solution is correct, although a little fix is needed since value is not a variable there. Finally here's a fixed solution based on his solution + the requested sorting from the comments:

var arr = [];

for (var key in json_object) {
    if (json_object.hasOwnProperty(key)) {
        arr.push({
            'key': key;
            'value': json_object[key];
        });   
    }
}

// this will sort by the first part of the string
arr.sort(function(a, b) {
  return a.key.split('_')[0] - b.key.split('_')[0];  
}

Hope this helps... :-)

edited Mar 17, 2016 at 8:05

answered Mar 16, 2016 at 13:53

Asaf David

3,3172 gold badges25 silver badges41 bronze badges

10 Comments

Bergi Over a year ago

What is value? Probably not an array index.

user2028856 Over a year ago

Can you please tell me what should I use for 'value'?

Rajesh Dixit Over a year ago

You can directly use Object.keys(obj).sort(function(){})

Asaf David Over a year ago

@user2028856 Fixed and also added another option following Rajesh's comment

user2028856 Over a year ago

Does this method provide sorting for strings like this: "100_500" , "800_1000", "2000_3000" etc?

|

Steve Bosman · Accepted Answer · 2023-11-30 15:30:38Z

0

The following fixes eslint issues I found in the other solutions:

var arr = [];
Object.keys(json_object).forEach(function(key) {
  arr.push({
    'key': key,
    'value': json_object[key]
  });  
})

answered Nov 30, 2023 at 15:30

Steve Bosman

2,6421 gold badge26 silver badges42 bronze badges

Collectives™ on Stack Overflow

Loop through json object and sort in order

3 Answers 3

3 Comments

10 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

10 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related