How to iterate in Jquery over json string with multiple objects

Question

I'm wondering how I can access each object in this json string via jquery.

The string returned looks like:

{"Appointments":["\/Date(1507238100000)\/"],"Sessions":[]}

I need access to both the Appointments object as well as the Sessions object, I can't seem to figure it out.

I tried to access the Appointments object by index like:

$.each(data, function (index, element) {
                        $.each(data, function (index, element) {
                            //alert(JSON.stringify(element, null, 4));
                            alert(element.Appointments[index]);
                        });
                        //value = new Date(parseInt(element.Appointments.substr(6)));
                        //var rowContent = "<tr><td>" + value + "</td></tr>";
                        //$('#appointmentsTable tbody').append(rowContent);
                    });

This does not work however, thoughts?

Solomon Tam · Accepted Answer · 2017-10-12 01:30:08Z

2

You don't have to access element by element.Appointments[index] when you are looping though an array by $.each.

For example

var data = {"Appointments":["\/Date(1507238100000)\/"],"Sessions":[]};

To loop though object in data.Appointments, you simply do this

$.each(data.Appointments, function(index, element){
    console.log(element);
});

To loop though object in data.Sessions, you simply do this

$.each(data.Sessions, function(index, element){
    console.log(element);
});

For more example about $.each, please refer to JQuery API Documentation here.

answered Oct 12, 2017 at 1:30

Solomon Tam

7393 silver badges11 bronze badges

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

1 Comment

jon.r Over a year ago

Ah jeez, I dunno. Major brain fart! Thanks for your help.

hedgeday · Accepted Answer · 2017-10-12 01:37:02Z

2

You don't actually need jquery for this at all.

You could use plain javascript. If your project uses ES6, you could write it as:

// extract appointments and sessions from data
let { Appointments, Sessions } = data

// iterate over appointments
Appointments.forEach((appointment, index) => { console.log(appointment) })

// iterate over sessions
Sessions.forEach((session, index) => { console.log(session) })

Basically you don't really need index inside your iteration callback - you can directly access the elements you are iterating over instead. The same would apply to your jquery function as well.

If you prefer to use jQuery, your code could be rewritten as:

$.each(data.Appointments, (index, elem) => alert(elem))

edited Oct 12, 2017 at 1:37

answered Oct 12, 2017 at 1:31

hedgeday

931 gold badge1 silver badge6 bronze badges

1 Comment

jon.r Over a year ago

Interesting, I did not think to do it that way. Thank you for the response.

Collectives™ on Stack Overflow

How to iterate in Jquery over json string with multiple objects

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related