Get Data from JSON String

Question

I'm unable to successfully get data from the JSON string below. Using JavaScript, I'm able to alert the full string [ alert(data); ] but I'm unable to get only the first name.

Can someone please help?

var data = {
    "name": [
        "Enid Norgard",
        "Cassie Durrett",
        "Josephine Ervin"
    ],
    "email": [
        "[email protected]",
        "[email protected]",
        "[email protected]"
    ],
    "role": [
        "Gamer",
        "Team Leader",
        "Player"
    ],
    "emp_id": [
        "50",
        "408",
        "520"
    ],
    "id": [
        "234",
        "444",
        "235"
    ]
}

I get the following error Uncaught TypeError: Cannot read property '0' of undefined — AlGallaf
– AlGallaf, Commented Aug 22, 2013 at 9:28
this works -> data.name[0] , but i think your real codde is a different one , please provide the real code — Kanishka Panamaldeniya
– Kanishka Panamaldeniya, Commented Aug 22, 2013 at 9:37
This question lies in its presentation of existing code. data should be wrapped in quotes as in "real life" it is a string, as the accepted answer indicates. — Heretic Monkey
– Heretic Monkey, Commented Nov 9, 2023 at 16:23

Arun P Johny · Accepted Answer · 2013-08-22 09:31:00Z

6

Looks like you have a string(because when you use alert the complete text is shown, if it was a object then [Object object] would have shown), first you need to parse it using JSON.parse()

var t = JSON.parse(data)
alert(t.name[0])

Note: Old browsers like IE8 which does not have native support for JSON you have to add a library like json2 to add JSON support

edited Aug 22, 2013 at 9:31

answered Aug 22, 2013 at 9:26

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

2 Comments

Arun P Johny Over a year ago

@Paul not alert({"hello":"world"})

AlGallaf Over a year ago

JSON.parse solved the issue as I wasn't parsing the string. Thank you.

Ashraf Bashir · Accepted Answer · 2013-08-22 09:26:25Z

1

use the following code

alert(data.name[0]);

answered Aug 22, 2013 at 9:26

Ashraf Bashir

9,81215 gold badges61 silver badges83 bronze badges

2 Comments

AlGallaf Over a year ago

I get the following error Uncaught TypeError: Cannot read property '0' of undefined

Ashraf Bashir Over a year ago

I think you didn't provide your real code, check a running version here: jsfiddle.net/qzv6B

Community · Accepted Answer · 2017-05-23 11:52:04Z

1

    //sample code
    var json = '{"result":true,"count":1}',
    obj = JSON.parse(json);
    alert(obj.count);

For the browsers that don't you can implement it using json2.js. Most browsers support JSON.parse(), hope this will help you for detail see link.

edited May 23, 2017 at 11:52

CommunityBot

11 silver badge

answered Aug 22, 2013 at 9:28

Jeremy Voges

413 bronze badges

Comments

Kingalione · Accepted Answer · 2013-08-22 09:29:28Z

0

With data.name[0] you will get the name Enid Norgard Similar to that use

data.name[index]

while index is the position of the name in the innerarray.

If you want only the names array use:

alert(data.name)

answered Aug 22, 2013 at 9:29

Kingalione

4,2956 gold badges52 silver badges89 bronze badges

Comments

Kanishka Panamaldeniya · Accepted Answer · 2013-08-22 09:42:06Z

0

try this to loop through all elements

for(x in data)
{
    for(y in data[x])
    {
        alert(data[x][y]);
    }
}

answered Aug 22, 2013 at 9:42

Kanishka Panamaldeniya

17.6k31 gold badges128 silver badges195 bronze badges

Collectives™ on Stack Overflow

Get Data from JSON String

5 Answers 5

2 Comments

2 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related