jQuery parse JSON multidimensional array

by

The {} in JSON represents an object. Each of the object’s properties is represented by key:value and comma separated. The property values are accessible by the key using the period operator like so json.forum. The [] in JSON represents an array. The array values can be any object and the values are comma separated. To iterate over an array, use a standard for loop with an index. To iterate over object’s properties without referencing them directly by key you could use for in loop:

var json = {"forum":[{"id":"1","created":"2010-03-19 ","updated":"2010-03-19 ","user_id":"1","vanity":"gamers","displayname":"gamers","private":"0","description":"All things gaming","count_followers":"62","count_members":"0","count_messages":"5","count_badges":"0","top_badges":"","category_id":"5","logo":"gamers.jpeg","theme_id":"1"}]};

var forum = json.forum;

for (var i = 0; i < forum.length; i++) {
    var object = forum[i];
    for (property in object) {
        var value = object[property];
        alert(property + "=" + value); // This alerts "id=1", "created=2010-03-19", etc..
    }
}

If you want to do this the jQueryish way, grab $.each():

$.each(json.forum, function(i, object) {
    $.each(object, function(property, value) {
        alert(property + "=" + value);
    });
});

I’ve used the same variable names as the “plain JavaScript” way so that you’ll understand better what jQuery does “under the hoods” with it. Hope this helps.

More Related Contents:

  1. Pass array to ajax request in $.ajax() [duplicate]
  2. Rails not decoding JSON from jQuery correctly (array becoming a hash with integer keys)
  3. AJAX Post of JavaScript String Array to JsonResult as List Always Returns Null?
  4. How to parse JSON data with jQuery / JavaScript?
  5. Convert array to JSON
  6. json Uncaught SyntaxError: Unexpected token :
  7. TypeError: $.ajax(…) is not a function?
  8. jQuery loop over JSON result from AJAX Success?
  9. How to remove specific value from array using jQuery
  10. jQuery won’t parse my JSON from AJAX query
  11. jQuery autocomplete with callback ajax json
  12. jQuery posting valid json in request body
  13. Store JSON object in data attribute in HTML jQuery
  14. Is there a version of $getJSON that doesn’t use a call back?
  15. How to set encoding in .getJSON jQuery
  16. jQuery recursive iteration over objects
  17. How to read userData in jqgrid?
  18. data.map is not a function
  19. Check if username exists in database with AJAX
  20. How to return a JSON object in standard web forms .Net
  21. No response from MediaWiki API using jQuery
  22. JSON: How do I make cross-domain JSON call
  23. Populate Select box options on click with Javascript/Jquery with Json data
  24. Why is Everyone Choosing JSON Over XML for jQuery? [closed]
  25. jQuery .inArray() always true?
  26. JSON parsing error syntax error unexpected end of input
  27. Any way to make jQuery.inArray() case insensitive?
  28. How to download a file through ajax request in asp.net MVC 4
  29. My Own Like Button: Django + Ajax — How?
  30. jQuery JSON response always triggers a ParseError

Leave a Comment