How can I use jQuery.each() loop on Array of Object

Question

I have this array of object, how can I loop through it using jQuery.each()?

Array
(
    [0] => stdClass Object
        (
            [id] => 1
            [parent_cat_id] => 1
            [child_cat_name] => Java
            [status] => 1
            [date] => 2016-09-11 01:26:00
        )

    [1] => stdClass Object
        (
            [id] => 2
            [parent_cat_id] => 1
            [child_cat_name] => JavaScript
            [status] => 1
            [date] => 2016-09-11 01:26:00
        )

    [2] => stdClass Object
        (
            [id] => 3
            [parent_cat_id] => 1
            [child_cat_name] => HTML
            [status] => 1
            [date] => 2016-09-11 01:26:00
        )

    [3] => stdClass Object
        (
            [id] => 4
            [parent_cat_id] => 1
            [child_cat_name] => PHP
            [status] => 1
            [date] => 2016-09-11 01:26:00
        )

    [4] => stdClass Object
        (
            [id] => 5
            [parent_cat_id] => 1
            [child_cat_name] => Python
            [status] => 1
            [date] => 2016-09-11 01:26:00
        )

    [5] => stdClass Object
        (
            [id] => 6
            [parent_cat_id] => 1
            [child_cat_name] => Ruby
            [status] => 1
            [date] => 2016-09-11 01:26:00
        )

)

I am trying to use this -

$.each( data, function( key, value ) {
    console.log( value );
});

Which giving me following error -

TypeError: invalid 'in' operand e

You show us the dump of a PHP object, can you show us the log of the JS one? — Karl-André Gagnon
– Karl-André Gagnon, Commented Sep 14, 2016 at 18:34

Darin Cardin · Accepted Answer · 2016-09-14 18:56:19Z

9

Your array has strange formatting. See this example:

        var data = [    
            {text: "hello"},
            {text: "good bye"},
            {text: "Hello again"}       
        ]

        $.each( data, function( key, value ) {
            console.log( value.text );
        });

edited Sep 14, 2016 at 18:56

answered Sep 14, 2016 at 18:41

Darin Cardin

7571 gold badge4 silver badges10 bronze badges

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

Comments

David L · Accepted Answer · 2016-09-14 18:40:45Z

0

I suggested you to use forEach instead. jQuery.each method has another goal.

data.forEach(function(entry) {
    //Your logic.
});

answered Sep 14, 2016 at 18:40

David L

6366 silver badges22 bronze badges

Comments

Ben Harrison · Accepted Answer · 2016-09-14 18:44:34Z

0

Your jQuery.each syntax is correct, but As Karl-André Gagnon mentioned, that is the output of a PHP array.

Pass your array through json_encode before sending it to the front-end.

http://php.net/manual/en/function.json-encode.php

answered Sep 14, 2016 at 18:44

Ben Harrison

2,2395 gold badges27 silver badges41 bronze badges

4 Comments

Simon Gomes Over a year ago

Yes I know I can pass is it using json_encode, but I want to keep my data like this so it is suitable for normal php loops.

user400654 Over a year ago

@Simon you can't do both.

Ben Harrison Over a year ago

@Simon, what I mean is pass it through json_encode as you're passing it to the client-side. You don't have to convert it permanently.

Simon Gomes Over a year ago

Thank you guys, I will think about it.

Collectives™ on Stack Overflow

How can I use jQuery.each() loop on Array of Object

3 Answers 3

Comments

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related