Cannot access data in JSON array nested in JSON object using javascript

Question

I have the following JSON information. It is an array nested inside an object. I am trying to access components of the object, however I cant seem to figure out how to work with the object.

For instance, when I try to get the number of events in the array (there should be 2), jsonObject.length returns the character count. where as jsonObject[0].length returns one, which in my opinion should be 2 (2 events).

{
"results": [
    {
        "eventName": "Rey",
        "name": "Tar",
        "dateOfShow": "2017-01-27T22:00:00",
        "userGroupName": "Bit",
        "eventHallName": "Grnn",
        "imageSource": "test2.jpg"
    },
    {
        "eventName": "Gor",
        "name": "Skum",
        "dateOfShow": "2017-01-30T20:00:00",
        "userGroupName": "Gaf",
        "eventHallName": "Gai",
        "imageSource": "test1.jpg"
    }
]
}

I have worked with JSON arrays before by parsing them, however when I parse this, it returns undefined for any value.

How would I get the number of events displayed in this JSON object using javascript?

try jsonObject.results.length

Jyothi Babu Araja
– Jyothi Babu Araja

2017-01-22 05:29:55 +00:00
Commented Jan 22, 2017 at 5:29 — Jyothi Babu Araja
– Jyothi Babu Araja, Commented Jan 22, 2017 at 5:29
Is your problem resolved?

Zeeshan Bilal
– Zeeshan Bilal

2017-01-22 05:57:31 +00:00
Commented Jan 22, 2017 at 5:57 — Zeeshan Bilal
– Zeeshan Bilal, Commented Jan 22, 2017 at 5:57

Hikmat Sijapati · Accepted Answer · 2017-01-22 05:40:30Z

2

Try like this.

JSON is string.Directly javascript's length property will not works.You have convert it to object first using JSON.parse().

json ='{"results":[{"eventName":"Rey","name":"Tar","dateOfShow":"2017-01-27T22:00:00","userGroupName":"Bit","eventHallName":"Grnn","imageSource":"test2.jpg"},{"eventName":"Gor","name":"Skum","dateOfShow":"2017-01-30T20:00:00","userGroupName":"Gaf","eventHallName":"Gai","imageSource":"test1.jpg"}]}';
res = JSON.parse(json)
alert(res.results.length);

edited Jan 22, 2017 at 5:40

answered Jan 22, 2017 at 5:35

Hikmat Sijapati

6,9691 gold badge11 silver badges19 bronze badges

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

Comments

Zeeshan Bilal · Accepted Answer · 2017-01-22 05:56:34Z

2

Use JSON.parse(jsonObject); and then try to access. json.results it will give you the array of length two.

var jsonString = '{"results":[{"eventName":"Rey","name":"Tar","dateOfShow":"2017-01-27T22:00:00","userGroupName":"Bit","eventHallName":"Grnn","imageSource":"test2.jpg"},{"eventName":"Gor","name":"Skum","dateOfShow":"2017-01-30T20:00:00","userGroupName":"Gaf","eventHallName":"Gai","imageSource":"test1.jpg"}]}';
var jsonObject = JSON.parse (jsonString);
jsonObject.results.length; // length of results array
jsonObject.results[0]; //first object of array

edited Jan 22, 2017 at 5:56

answered Jan 22, 2017 at 5:33

Zeeshan Bilal

1,2771 gold badge10 silver badges24 bronze badges

Comments

ubm · Accepted Answer · 2017-01-22 06:01:24Z

0

I think,this will helps you

  json ='{"results":[{"eventName":"Rey","name":"Tar","dateOfShow":"2017-01-27T22:00:00","userGroupName":"Bit","eventHallName":"Grnn","imageSource":"test2.jpg"},{"eventName":"Gor","name":"Skum","dateOfShow":"2017-01-30T20:00:00","userGroupName":"Gaf","eventHallName":"Gai","imageSource":"test1.jpg"}]}';
res = JSON.parse(json)
alert(res.results.length);
var i = 0;
while(i<res.results.length)
{
    alert(res.results[i].eventName)
    i++;
}

answered Jan 22, 2017 at 6:01

ubm

63611 silver badges21 bronze badges

Collectives™ on Stack Overflow

Cannot access data in JSON array nested in JSON object using javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related