jQuery looping over objects of a PHP array

Question

I have a php array that looks like this when I print it out:

Array
(
    [0] => Array
        (
            [title] => Much title
            [end] => Such end
            [start] => Very start
        )

    [1] => Array
        (
            [title] => Much title
            [end] => Such end
            [start] => Very start
        )

)

I've sent this array to my jQuery like so:

var orders = <?php echo json_encode($myArray); ?>;

When I do cosole.log(orders); I get 2 objects obviously.

Output:

Now I want to loop over them I tried like so:

jQuery.each( orders, function( key, value ) {
      console.log( key + ": " + value );
});

This is giving me this output in my console:

0: [object Object]
1: [object Object]

Instead of the title, start and end values of every object.

Anyone has any idea how I can fix this?

Thanks in advance!

@RejithRKrishnan How can I access the title, start and end values? — Frank Lucas
– Frank Lucas, Commented Apr 13, 2016 at 14:23
each docs it's index, value, not key; you need to drill down one further level to get at the content of value — mjr
– mjr, Commented Apr 13, 2016 at 14:23
@mjr index or key is merely the variable name. Both will work. — Daan
– Daan, Commented Apr 13, 2016 at 14:24

MrCode · Accepted Answer · 2016-04-13 14:26:08Z

2

To iterate the object properties, you need a second loop, because value is the object itself.

jQuery.each( orders, function( key, value ) {
      jQuery.each(value, function(propertyName, propertyValue){
          console.log( propertyName + ": " + propertyValue);
      });
});

Or you can access the properties directly by name:

jQuery.each( orders, function( key, value ) {
    console.log( value.title );
});

answered Apr 13, 2016 at 14:26

MrCode

64.6k10 gold badges95 silver badges114 bronze badges

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

Collectives™ on Stack Overflow

jQuery looping over objects of a PHP array

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related