Chrome and IE sorts JSON Object automatically, how to disable this?

by

Same Problem here. My JSON-object looks like this:

{
  "15" : { "name" : "abc", "desc" : "Lorem Ipsum" },
  "4"  : { "name" : "def", "desc" : "Foo Bar Baz" },
  "24" : { "name" : "ghi", "desc" : "May be" },
  "8"  : { "name" : "jkl", "desc" : "valid" }
}

The object is sorted by name at server (A-Z glossary) and I want to render a list with:

var data = myObject, i;

console.log(data);

for (i in data) {
    if (data.hasOwnProperty(i)) {
         // do stuff
    }
}

Chrome logs:

Object {4: Object, 8: Object, 15: Object, 24: Object}

and my for-in loop results in wrong sort. It’s automatically sorted by the browser, but I need the IDs.

My solution:
I decided to change the keys with a prefixed underscore. My object looks now:

{
  "_15" : { "name" : "abc", "desc" : "Lorem Ipsum" },
  "_4"  : { "name" : "def", "desc" : "Foo Bar Baz" },
  "_24" : { "name" : "ghi", "desc" : "May be" },
  "_8"  : { "name" : "jkl", "desc" : "valid" }
}

And Chrome logs now:

Object {_15: Object, _4: Object, _24: Object, _8: Object}

And my list is rendered correct.

More Related Contents:

  1. Chrome sendrequest error: TypeError: Converting circular structure to JSON
  2. Detecting the onload event of a window opened with window.open
  3. Console.log showing only the updated version of the object printed
  4. Chrome refuses to execute an AJAX script due to wrong MIME type
  5. How to getting browser current locale preference using javascript?
  6. How JavaScript closures are garbage collected
  7. How to save the output of a console.log(object) to a file?
  8. Does extension messaging like chrome.runtime.sendMessage internally use JSON.stringify?
  9. Chrome re-ordering object keys if numerics, is that normal/expected
  10. IE10/11 Ajax XHR error – SCRIPT7002: XMLHttpRequest: Network Error 0x2ef3
  11. Why doesn’t indexOf work on an array IE8?
  12. Post data to JsonP
  13. How to send JSON instead of a query string with $.ajax?
  14. JSON.stringify doesn’t work with normal Javascript array
  15. Why is Proxy to a Map object in ES2015 not working
  16. JavaScript Time Zone is wrong for past Daylight Saving Time transition rules
  17. alias to chrome console.log
  18. Javascript find json value [duplicate]
  19. JavaScript data formatting/pretty printer
  20. Resource interpreted as Document but transferred with MIME type application/zip
  21. Javascript Object push() function
  22. “Status Code:200 OK (from ServiceWorker)” in Chrome Network DevTools?
  23. Prevent Use of the Back Button (in IE)
  24. How to access Chrome spell-check suggestions in JavaScript
  25. How to convert html table to excel with multiple sheet?
  26. How to get Clipboard data in Chrome Extension?
  27. Disable Chrome strict MIME type checking
  28. IE’s document.selection.createRange doesn’t include leading or trailing blank lines
  29. Sorting an array of objects in Chrome
  30. Chrome developer tools do not show all JavaScript files any more

Leave a Comment