Parsing JSON - Javascript - Undefined

Question

Here is my JSON:

[
  {
    "0": "324",
    "1": "Cavill ",
    "2": "11",
    "3": "100018463",
    "4": "RAR",
    "5": "DummyX",
    "6": "DummyY",
    "7": "Moretext",
    "8": "moretext",
    "id": "lol",
    "teacher": "Specsavers ",
    "rate": "11",
    "teacherid": "100018463",
    "address": "114 Road X",
    "postcode": "WXER 21",
    "lat": "51.511871",
    "lon": "-0.112934",
    "distance": "0.023308985382378217"
  }
]

This is held in a variable called "hold".

I am trying to output "teacher" in a div called output1.

Here is my code:

obj = JSON.parse(hold);
document.getElementById("output1").innerHTML = obj[1].teacher;

I keep getting undefined.

I tried changing 1 to 0. Same issue - undefined.

What am I doing wrong here?

How do I access attribute data from each node/branch?

Your JSON is inside an Array, so use obj = JSON.parse(hold[0]); — Pugazh
– Pugazh, Commented Aug 18, 2016 at 10:25
Are you sure you need to parse it? try doing hold[0].teacher — Jay
– Jay, Commented Aug 18, 2016 at 10:28

2 revs · Accepted Answer · 2016-08-19 06:49:23Z

2

Index starts from 0 and in your data index 1 is undefined.

obj = JSON.parse(hold);
document.getElementById("output1").innerHTML = obj[0].teacher;
//------------------------------------------------^^^------

edited Aug 19, 2016 at 6:49

community wiki

2 revs
Pranav C Balan

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

Comments

jonju · Accepted Answer · 2016-08-18 10:36:47Z

1

Make sure hold is actually a JSON string. And the way you are accessing the parsed json is wrong, it should be 0 since there's only one json string.

var hold = '[ { "0": "324","1": "Cavill ","2": "11", "3": "100018463", "4": "RAR", "5": "DummyX","6": "DummyY","7": "Moretext",  "8": "moretext","id": "lol","teacher": "Specsavers ", "rate": "11","teacherid": "100018463", "address": "114 Road X", "postcode": "WXER 21","lat": "51.511871","lon": "-0.112934", "distance": "0.023308985382378217" }]';
var obj = JSON.parse(hold);
document.getElementById('output1').innerHTML = obj[0].teacher;

<div id="output1"></div>

edited Aug 18, 2016 at 10:36

answered Aug 18, 2016 at 10:31

jonju

2,7561 gold badge15 silver badges19 bronze badges

Comments

Pugazh · Accepted Answer · 2016-08-18 10:39:27Z

0

Array index starts from 0. So in your parsed json, obj[0] represents the first element. As there is no second element obj[1] will be undefined.

Use obj[0] instead obj[1].

Working Code:

var hold = '[{  "0": "324",  "1": "Cavill ",  "2": "11",  "3": "100018463",  "4": "RAR",  "5": "DummyX",  "6": "DummyY",  "7": "Moretext",  "8": "moretext",  "id": "lol",  "teacher": "Specsavers ",  "rate": "11",  "teacherid": "100018463",  "address": "114 Road X",  "postcode": "WXER 21",  "lat": "51.511871",  "lon": "-0.112934",  "distance": "0.023308985382378217"}]';

var obj = JSON.parse(hold);
document.getElementById("output1").innerHTML = obj[0].teacher;

<div id="output1"></div>

edited Aug 18, 2016 at 10:39

answered Aug 18, 2016 at 10:34

Pugazh

9,5715 gold badges36 silver badges56 bronze badges

Collectives™ on Stack Overflow

Parsing JSON - Javascript - Undefined

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related