javascript or jquery: Looping a multidimensional object

Question

I just started playing around with JSON and I have created this example.

var shows = {

    "ShowA": 
                {   "Date"      : "November 3-5, 2011",
                    "Phone"     : "111-111-1111",
                    "Location"  : "some location",
                    "url"       : "http://www.showA.com"
                },

    "ShowB": 
                {   "Date"      : "January 15-18, 2012",
                    "Phone"     : "222-222-2222",
                    "Location"  : "another location",
                    "url"       : "http://www.showB.com"
                }

};

I figured out how to access each bit of information...ie: alert(shows.ShowA.Date);

However, I can't figure out how to loop the entire shows object in order alert each show and each show's properties. Do I need to change it to an array?

Any help would be greatly appreciated.

Joe · Accepted Answer · 2015-09-22T14:30:12.517

14

you can use a for ... in loop:

for(var key in shows) {
    if (shows.hasOwnProperty(key)) {
        alert(shows[key].Date);
    }
}

It's important to note that an object has no sort order, but an array does. So if you wanted to sort by dates, you would need to use an array.

Also it's good practice to use Object.hasOwnProperty

edited Sep 22 '15 at 14:30

answered Sep 07 '11 at 20:22

Joe

80,724
18
127
145

1

Ah you saved my day.. This has been bugging me for an hour or so! – Aart den Braber Jun 19 '15 at 15:51

score 6 · Answer 2 · answered Sep 07 '11 at 20:21

6

for(show in shows){
     console.log(shows[show]);
}

Fiddle: http://jsfiddle.net/maniator/Wp3N9/

No extra libraries needed ^_^

answered Sep 07 '11 at 20:21

Naftali

144,921
39
244
303

@yoda -- what *are* you talking about? – Naftali Sep 07 '11 at 20:24

javascript or jquery: Looping a multidimensional object

2 Answers2

Linked