JSON.parse returning [Object Object] instead of value

Question

My API returning the JSON value like

[{"UserName":"xxx","Rolename":"yyy"}]

I need Username and RoleName value seperatly i tried JSON.parse but its returning [Object Object] Please help me thanks in advance

Voting to close as typo/non-repro/not-usefult-to-others-in-future. The parsing is working just fine; it's just that when you output the first element, you're just outputting the object, not one of its properties. The default toString on an object outputs [object Object] (if it's a plain object). — T.J. Crowder
– T.J. Crowder, Commented Dec 10, 2017 at 8:30
Welcome to Stack Overflow! Please take the tour, have a look around, and read through the help center, in particular How do I ask a good question? Show us the code that's producing the output you describe. — T.J. Crowder
– T.J. Crowder, Commented Dec 10, 2017 at 8:48
Possible duplicate of Access / process (nested) objects, arrays or JSON — JJJ
– JJJ, Commented Dec 10, 2017 at 8:50

Lajos Gallay · Accepted Answer · 2017-12-11 09:44:59Z

22

Consider the following:

    var str = '[{"UserName":"xxx","Rolename":"yyy"}]'; // your response in a string
    var parsed = JSON.parse(str); // an *array* that contains the user
    var user = parsed[0];         // a simple user
    console.log(user.UserName);   // you'll get xxx
    console.log(user.Rolename);   // you'll get yyy

edited Dec 11, 2017 at 9:44

answered Dec 10, 2017 at 8:27

Lajos Gallay

1,3178 silver badges16 bronze badges

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

Comments

codejockie · Accepted Answer · 2020-10-06 11:18:41Z

4

If your data is a string then you need to parse it with JSON.parse() otherwise you don't need to, you simply access it as is.

// if data is not in string format
const data = [{"UserName":"xxx","Rolename":"yyy"}];

const username = data[0].UserName
const rolename = data[0].Rolename

console.log(username)
console.log(rolename)

// if data is in string format
const strData = JSON.parse('[{"UserName":"xxx","Rolename":"yyy"}]');

const Username = strData[0].UserName
const Rolename = strData[0].Rolename

console.log(Username)
console.log(Rolename)

edited Oct 6, 2020 at 11:18

user13926327

answered Dec 10, 2017 at 8:34

codejockie

11.1k5 gold badges52 silver badges58 bronze badges

Comments

Shalitha Suranga · Accepted Answer · 2017-12-10 08:27:52Z

2

You have an array. Then need to get 0th element very first

This will work

let unps =  JSON.parse('[{"UserName":"xxx","Rolename":"yyy"}]')[0]
console.log(unps.UserName, unps.Rolename);

answered Dec 10, 2017 at 8:27

Shalitha Suranga

1,1468 silver badges24 bronze badges

Collectives™ on Stack Overflow

JSON.parse returning [Object Object] instead of value

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