ParseJSON sorts my json data

Question

I have a simple ajax call that looks like this:

var data = jQuery.parseJSON(response.d);

The response.d contents are:

{"d":"[[{\"ExtensionData\":{},\"categoryId\":\"Help\"}],{\"11\":\"This is 11\",\"10\":\"This is 10\",\"7\":\"This is 7\",\"6\":\"This is 6\",\"12\":\"This is 12\",\"5\":\"This is 5\",\"4\":\"This is 4\",\"2\":\"This is 2\",\"1\":\"This is 1\"}]"}

When I run the code and look at what data contains, it looks like this:

"This is 1"
"This is 2"
"This is 3"
"This is 4"
"This is 5"
"This is 6"

... and so on, you get the idea. Why is it sorted all of the sudden? How do I turn off the "autosort"?

`parseJSON()` does not sort. Probably this is more related to your way of traversing the resulting array. — Sirko, Jan 27 '15 at 08:59
Take a look at this: [Does JavaScript Guarantee Object Property Order?](http://stackoverflow.com/questions/5525795/does-javascript-guarantee-object-property-order) — llernestal, Jan 27 '15 at 09:00
@Sirko: `parseJSON` doesn't sort *at all*. No "really" about it. — T.J. Crowder, Jan 27 '15 at 09:00
@ RangerChris: How can we help if you don't show *how* you're getting that output? — T.J. Crowder, Jan 27 '15 at 09:01
Well, all I can see is that the data I get from the service looks good. If I parse the json, the data is ordered and when I loop them with a simple for-loop they come out in an ordered way. — RangerChris, Jan 27 '15 at 09:12
for (var windowsize in data[1]) { jQuery(".windowsize").append(new Option(data[1][windowsize], windowsize)); } — RangerChris, Jan 27 '15 at 09:13

nikc.org · Accepted Answer · 2016-04-21T09:31:41.233

12

Retaining object key order between unserialisation and serialisation in JavaScript is never guaranteed. The only way to guarantee key order is to extract an object's keys and sort them according to a deterministic criteria, i.e. in order to guarantee order, you must use an array.

Edit:

A possible solution to your problem would be to include an array of the object keys in addition to your key-value collection (the original object) to your server response. By iterating over the ordered keys, you can access the object in the order you want.

E.g.

var data = { 
    values: { /* your original object here */ },
    /* keep a record of key order and include the keys as an array 
       in your response. That way you can guarantee order. */
    keys: [11, 10, 7, 6, 12, 5, 4, 2, 1]
};

data.keys.forEach(function (key) {
   var value = data.values[key];

   /* do work here */
});

edited Apr 21 '16 at 09:31

answered Jan 27 '15 at 09:07

nikc.org

14,808
5
44
80

In order to add it to my dropdown, I need a value and a text. So, do I create two arrays? – RangerChris Jan 27 '15 at 09:17
@RangerChris Well, one way would would to keep your object containing key-value pairs as is, but in addition include an array with the object keys ordered as you need them. – nikc.org Jan 27 '15 at 10:30
@RangerChris I added a code snippet to my answer which hopefully will help clarify my suggested solution. – nikc.org Jan 27 '15 at 10:36
1

I did a re-write of my code, so now I use an aray and it works just like it should. Thank you so much. – RangerChris Jan 27 '15 at 11:50
@RangerChris happy to help. – nikc.org Jan 27 '15 at 15:09

score -4 · Answer 2 · edited May 23 '17 at 12:02

-4

jQuery.parseJSON(); does not not sort your objects. But some browsers do sorting your objects after rendering. For clarification see here

edited May 23 '17 at 12:02

Community

1
1

answered Jan 27 '15 at 09:26

Prabhu Vignesh Rajagopal

866
7
17

1

This is not correct, if the keys are integers they get sorted. – Honsa Stunna Mar 14 '18 at 09:40

ParseJSON sorts my json data

2 Answers2

Linked