AngularJS JSON order

Question

I am having a problem while receiving a response from the server. The JSON has the following structure (as I can see on the network from the navigator):

{ "33": { "id": "...", "name":"..." }, "11": { "id": "...", "name":"..." }, "22": { "id": "...", "name":"..." } }

However, when I see the variable containing the response, the structure is changed and ordered like this:

{ "11": { "id": "...", "name":"..." }, "22": { "id": "...", "name":"..." }, "33": { "id": "...", "name":"..." } }

There is someway to mantain the same order that the actual response when I receive the variable response from the successfull callback of the request on angularJS?

Thanks in advance!

Hello, the server is being developed by other site, but they are using PHP + NGINX — user3429953, Sep 09 '16 at 09:13
Null. you are getting back an object, the keys happen to be numbers. but an object is an un-ordered set. if order is important you must use the JavaScript array. — user1852503, Sep 09 '16 at 09:16
Yeah, thats the problem. If the keys would have been strings and not numbers it works correctly... — user3429953, Sep 09 '16 at 09:45

score 2 · Accepted Answer · edited Oct 07 '21 at 10:58

2

From the spec:

An object is an unordered collection of zero or more name/value pairs, where a name is a string and a value is a string, number, boolean, null, object, or array.

Objects in JSON are explicitly unordered. If you need order, then use an array instead.

edited Oct 07 '21 at 10:58

Community

1
1

answered Sep 09 '16 at 09:13

Quentin

914,110
126
1,211
1,335

I think I cannot use an array, since the Object I am talking about is the JSON parsed into that Object, as Pawel said on the other comment. And I dont need to order following any restriction, only to mantain the same order as the response from the server – user3429953 Sep 09 '16 at 09:22
@user3429953 — The response from the server does not have an order. It is sending you an object. Objects are explicitly unordered. For it to have an order the server would have to send you an array instead of an object. – Quentin Sep 09 '16 at 09:24
ok! Thanks for the answer, I finally understand what all of you are saying. – user3429953 Sep 09 '16 at 09:34

score -1 · Answer 2 · answered Sep 09 '16 at 09:10

-1

You need get the server side data with order by.

answered Sep 09 '16 at 09:10

Ramesh R

13
5

score -1 · Answer 3 · edited May 23 '17 at 12:19

After JSON is parsed it turns into an object. In an object order of parameters is not sorted in a predictable way. Use an array instead of an object

Old:

{ "33": { "id": "...", "name":"..." }, "11": { "id": "...", "name":"..." }, "22": { "id": "...", "name":"..." } }

New:

{ [{ "id": "33", "name":"..." }, { "id": "11", "name":"..." }, { "id": "22", "name":"..." }] }

Now you'll have an array with order exactly as you put it. Use Lodash to operate on your data.

Possibly a duplicate of this: JSON order mixed up

AngularJS JSON order

3 Answers3