Json response in javascript is not looping correctly

Question

I have a JsonResponse which looks like this:

    [{"pk": 1, "fields": {"email": "[email protected]", "locations": [1], "group_id": "spott", "group_name": "spott"}, "model": "grouping"},
{"pk": 2, "fields": {"email": "[email protected]", "locations": [1, 2], "group_id": "spottalle", "group_name": "spott alle"}, "model": "grouping"}]

I have tried to access the data like this:

    for (var key in data) {
            console.log(key)
            console.log(data[key]);
        }

The Response is every letter not every object. Which is a bit weird, after looking through the answers on stackoverflow, i tried the other ways as well but always get the same result.

The Result should be the group_name and the group_id. Can anyone help me with that? Thank you in advance

It is an array...use for-loop... instead of for-in.. make sure you are ot iterating JSON...You must have Object/Array — Rayon
– Rayon, Commented Mar 31, 2016 at 10:04
@RayonDabre you mean like that? for(var i = 0; i < data.length; i++) { var obj = data[i]; console.log(obj.id); }. That didn't work :( — dk1990
– dk1990, Commented Mar 31, 2016 at 10:06

cнŝdk · Accepted Answer · 2016-03-31 10:28:03Z

2

In fact this is an array, so you can simply loop it using a classic for loop, this is an exmaple snippet:

    var data = [{"pk": 1, "fields": {"email": "[email protected]", "locations": [1], "group_id": "spott", "group_name": "spott"}, "model": "grouping"},
            {"pk": 2, "fields": {"email": "[email protected]", "locations": [1, 2], "group_id": "spottalle", "group_name": "spott alle"}, "model": "grouping"}];

            for (var i=0; i<data.length; i++) {
               console.log(data[i]); //You will get an object
               console.log(data[i].pk);
            }

In each iteration you will get an object and then you can access its properties.

EDIT:

It dependes on the type of data here, if it's a string like you mentioned in comments, you should parse it using JSON.parse(data); first then you can loop throught it.

Otherwise if it is an array you will just need to directly loop throught its elements.

edited Mar 31, 2016 at 10:28

answered Mar 31, 2016 at 10:12

cнŝdk

32.2k7 gold badges62 silver badges81 bronze badges

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

5 Comments

Rayon Over a year ago

It is JSON not Array..Question says The Response is every letter not every object

cнŝdk Over a year ago

Yes you are right about it, but it can be looped using the for loop.

cнŝdk Over a year ago

from the given input (json) of the OP you will get objects when you loop, you can test my snippet and you will see it working.

Rayon Over a year ago

Go through the comments and you will get to know..You have to make out that it is JSON from The Response is every letter not every object

cнŝdk Over a year ago

Yes indeed you are right as it is a string in the OP, for my example I used the given input which is an array as you can see.

Kunal Gadhia · Accepted Answer · 2016-03-31 10:23:44Z

1

Try using $.each instead of for loop :

Try this :

var object = [{"pk": 1, "fields": {"email": "[email protected]","locations": [1], "group_id": "spott", "group_name": "spott"}, "model": "grouping"},
{"pk": 2, "fields": {"email": "[email protected]", "locations": [1, 2], "group_id": "spottalle", "group_name": "spott alle"}, "model": "grouping"}];

$.each(object, function(index, singleObject) {
   console.log("Single Object :%O",singleObject);
});

In console you will get object properly.

For Fiddle Link Click Here : Fiddle Link

answered Mar 31, 2016 at 10:23

Kunal Gadhia

3802 silver badges14 bronze badges

Comments

viveksinghggits · Accepted Answer · 2016-03-31 10:11:37Z

0

Here you go..

<script>
var object =  [{"pk": 1, "fields": {"email": "[email protected]", "locations": [1], "group_id": "spott", "group_name": "spott"}, "model": "grouping"},
{"pk": 2, "fields": {"email": "[email protected]", "locations": [1, 2], "group_id": "spottalle", "group_name": "spott alle"}, "model": "grouping"}];

for(var i=0; i<object.length; i++){
    console.log(object[i].pk);
    console.log(object[i].fields.email);
    console.log(object[i].fields.group_id);
}


</script>

Please let me know if it is not expected output.

answered Mar 31, 2016 at 10:11

viveksinghggits

7001 gold badge15 silver badges37 bronze badges

Comments

viki · Accepted Answer · 2016-03-31 10:16:29Z

0

response is in encoded manner,for access you want to decode response.

var x=[{"pk": 1, "fields": {"email": "[email protected]", "locations": [1], "group_id": "spott", "group_name": "spott"}, "model": "grouping"},{"pk": 2, "fields": {"email": "[email protected]", "locations": [1, 2], "group_id": "spottalle", "group_name": "spott alle"}, "model": "grouping"}]; 

var object=JSON.parse(x);//you will get an object then you can find what you want.

answered Mar 31, 2016 at 10:16

viki

138 bronze badges

Comments

Bouraoui KACEM · Accepted Answer · 2016-03-31 10:18:52Z

0

you can try the bellow simple instruction :

var array=[{"pk": 1, "fields": {"email": "[email protected]", "locations": [1], "group_id": "spott", "group_name": "spott"}, "model": "grouping"},
{"pk": 2, "fields": {"email": "[email protected]", "locations": [1, 2], "group_id": "spottalle", "group_name": "spott alle"}, "model": "grouping"}];

array.forEach(function(obj){
 //to get the current object 
  console.log(obj)
 // to access to the attribute of the current object 
// example 
console.log(obj.fields.email)

});

answered Mar 31, 2016 at 10:18

Bouraoui KACEM

8211 gold badge8 silver badges20 bronze badges

Collectives™ on Stack Overflow

Json response in javascript is not looping correctly

5 Answers 5

5 Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

5 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related