Parsing a JSON object in javascript

Question

I have the following JSON Object:

[{"id":"123","username":"test"}]

I want to parse username using javascript so i did this

var content = '[{"id":"123","username":"test"}]
obj = JSON.parse(content)
alert(obj.username)

I get an alert: undefined

I've tried parsing the JSON without the [ ] and it worked

For example:

var content = '{"id":"123","username":"test"}'
obj = JSON.parse(content)
alert(obj.username)

My question would be how would i parse the JSON with the [ ] tags around it? Thank you!

Mike Park · Accepted Answer · 2012-10-24 19:46:50Z

10

That's because [] makes it an array. Try alert(obj[0].username).

If you changed your JSON to look like this...

[ {"id":"123","username":"test"}, {"id":"456","username":"test 2"}]

Then alert(obj[1].username) would be test 2, and alert(obj[0].username) would be test.

answered Oct 24, 2012 at 19:46

Mike Park

11k3 gold badges37 silver badges50 bronze badges

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

1 Comment

mormaii2 Over a year ago

Thank you! I had tried using alert(obj[1].username) but it didn't work. I was wondering why it didn't. Thank you very much!

Mike Brant · Accepted Answer · 2012-10-24 19:47:35Z

2

The undefined error you get in the first case is because the JSON represents an ARRAY with a single object in it. In order to access the username you would need alert(obj[0].username)

answered Oct 24, 2012 at 19:47

Mike Brant

71.4k10 gold badges102 silver badges104 bronze badges

Collectives™ on Stack Overflow

Parsing a JSON object in javascript

2 Answers 2

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Linked

Related