json multidimensional array $.each

Question

I can get the 'name' values but not the 'Orders' seems the Orders are returned as object not Array?

json.json

[{ "ID":"23",
"LastName":"Moe",
"FirstName":"Ronnie",
"Orders":[{"OrderNumber":"11","ItemNumber":"22"},
             {"OrderNumber":"33","ItemNumber":"44"}]}]

myHTML.html

$.getJSON('json.json',  
    {},
    function (data) {  
     $.each( data, function ( i, val ) {
        var lastname=this.LastName; 
        var firstname=this.FirstName;
        var orders=this.Orders;

        $.each(data.Orders, function(property, value) {
        alert(property + "=" + value);

        //Insert the data to HTML page
        $(".title").append('<li>'+lastname+', '+firstname+'  >'+'</li>');
        $(".title").append('<li>'+orders+'</li>');

        });

    });
    }) 
 });

See this fiddle jsfiddle.net/KyleMuir/jcr79/3 as mentioned below - you are iterating over data twice. — Kyle Muir
– Kyle Muir, Commented Sep 20, 2013 at 1:33
still returns [object] and not value - I updates jsfiddle.net to show results with alert..? — BarclayVision
– BarclayVision, Commented Sep 20, 2013 at 1:40
Thats because alert will toString it, console.log will log the whole object. If you switched it to alert(value.OrderNumber) or something similar you will see values. — Kyle Muir
– Kyle Muir, Commented Sep 20, 2013 at 1:45
Thank you so much, that works! I was confused with the object - how do I give you credit for this answer? — BarclayVision
– BarclayVision, Commented Sep 20, 2013 at 1:59
I'll post it as an answer and you can accept it :) glad to be of assistance. — Kyle Muir
– Kyle Muir, Commented Sep 20, 2013 at 2:00

Adam Jenkins · Accepted Answer · 2013-09-20 01:32:00Z

2

Should be this.Orders or val.Orders, not data.Orders

answered Sep 20, 2013 at 1:32

Adam Jenkins

56.3k13 gold badges85 silver badges113 bronze badges

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

Comments

Kyle Muir · Accepted Answer · 2013-09-20 02:01:46Z

1

See this fiddle http://jsfiddle.net/KyleMuir/jcr79/3 as mentioned below - you are iterating over data twice. You need to point to the correct datasource.

As for the alert, you need to alert the properties for the object, not the whole object. E.g. alert(value.OrderNumber)

Alert will simply print out the string representation of the object ("[object object]").

Console.log will log the entire object.

Hope this helps :)

answered Sep 20, 2013 at 2:01

Kyle Muir

3,9252 gold badges24 silver badges28 bronze badges

3 Comments

BarclayVision Over a year ago

one last question: on jsfiddle the console.log didn't show any output? I'm new to this, where would I see the run results?

Kyle Muir Over a year ago

If you have chrome and hit f12 it will bring up the developer tools. From there you can open the console. Ctrl + shift + J is the shortcut to directly open the console (the icon starts with this symbol > followed by 3 horizontal lines). In the fiddle provided you should see 2 Objects that are expandable in the console. Expanding them should show you the attributes an object has and the values they contain.

Kyle Muir Over a year ago

Also, this is the definitive guide to the developer tools in Chrome developers.google.com/chrome-developer-tools/docs/console. IE and firefox both have these, I am just familiar with Chrome as it's my browser of choice.

Collectives™ on Stack Overflow

json multidimensional array $.each

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related