Looping through a json object in javascript

Question

I am trying to look through an object, but based on the structure I do not know how to get to the data.

Object:

{
"177":{
     "text":"test text",
     "user_name":"Admin",
     "date":"1385494358",
     "docs":{
        "document_name": [
            "marketing_service",
            "maintenance_service",
            "development_service"],
        "document_type":[
            "png",
            "png",
            "png"]
       }
},
"174":{
     "text":"Some more images",
     "user_name":"Admin",
     "date":"1385493618",
     "docs":{
        "document_name": [
            "marketing_service16",
            "maintenance_service53"],
     "document_type":[
            "png","png"]
      }
}
}

The loop I am attempting in jQuery

var obj = $.parseJSON(data);
$(obj).each(function(index, note) {
    console.log(note.text + note.user_name + note.date_created);
});

It is returning undefined. What am I doing wrong?

Please show exactly how you declare and set data. If data is already an object you don't want to use $.parseJSON(). — nnnnnn
– nnnnnn, Commented Nov 26, 2013 at 21:09

brunettdan · Accepted Answer · 2013-11-26 21:13:40Z

1

Try like this

var obj = $.parseJSON(data);
for(var n in obj){
 var note = obj[n]
 console.log(note.text + note.user_name + note.date_created);
}

answered Nov 26, 2013 at 21:13

brunettdan

1,06711 silver badges8 bronze badges

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

1 Comment

qwertynl Over a year ago

Basically what I said :-P

qwertynl · Accepted Answer · 2013-11-26 21:09:41Z

0

To loop through a json object just use a for loop.

The way you are doing it will return errors because it is trying to select that json object from the page which does not exist.

Sample code:

var obj = $.parseJSON(data); //assuming `data` is a string
for(index in obj) {
    var note = obj[index];
    console.log(note.text + note.user_name + note.date_created);
};

answered Nov 26, 2013 at 21:09

qwertynl

3,9331 gold badge24 silver badges43 bronze badges

9 Comments

David Barker Over a year ago

You should be very careful using for in without checking the object has the property first.

qwertynl Over a year ago

What do you mean @DavidBarker ?

nnnnnn Over a year ago

"it is trying to select that json object from the page" - No it isn't.

David Barker Over a year ago

@qwertnl obj.prototype is a property of the object, as is obj.length. When using for in loops you need to check if (object.hasOwnProperty(property)) before attempting to gather data from it.

Blue Skies Over a year ago

Using .hasOwnProperty should only be used when it makes sense to use it. It doesn't make sense to use it as a broad guard on every single loop of every single object.

|

kkemple · Accepted Answer · 2013-11-26 21:09:50Z

0

its a little better to do it like this:

$.each(obj, function ( index, note ) {
    console.log( note.text + note.user_name + note.date_created );
});

this should give you what you need

answered Nov 26, 2013 at 21:09

kkemple

9925 silver badges9 bronze badges

Comments

Tats_innit · Accepted Answer · 2013-11-26 21:29:49Z

0

Working Demo: http://jsfiddle.net/gZ7pd/ or for document http://jsfiddle.net/NGqfB/

Issue is parseJson on the object which is Json.

in the demo above the var obj = $.parseJSON(data); returns null, if I use data it will work.

Hope this helps ;)

Code

var data = {
"177":{
     "text":"test text",
     "user_name":"Admin",
     "date":"1385494358",
     "docs":{
        "document_name": [
            "marketing_service",
            "maintenance_service",
            "development_service"],
        "document_type":[
            "png",
            "png",
            "png"]
       }
},
"174":{
     "text":"Some more images",
     "user_name":"Admin",
     "date":"1385493618",
     "docs":{
        "document_name": [
            "marketing_service16",
            "maintenance_service53"],
     "document_type":[
            "png","png"]
      }
}
};

var obj = $.parseJSON(data);
alert(obj)

$.each(data,function(index, note) {

    alert(note.text + note.user_name + note.date_created);
});

edited Nov 26, 2013 at 21:29

answered Nov 26, 2013 at 21:12

Tats_innit

34.1k10 gold badges74 silver badges77 bronze badges

2 Comments

Tats_innit Over a year ago

@Downvoter care to reply why a downvote?? :) or is it just personal choice to downvote? not constructive!

Tats_innit Over a year ago

@kkemple Thanks bruvoo :) Its very sad some people downvote without any reason! Cheeerios yo! +1 to you!

Collectives™ on Stack Overflow

Looping through a json object in javascript

4 Answers 4

1 Comment

9 Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

9 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related