从对象获取属性返回未定义

Question

There is a value that I get from the app, x , when it is performed a JSON.stringify over it and printed it looks like this:

const x = JSON.stringify(someData);
console.log(`data: ${x}`);

result:

data: {"name":"myname","id":"12345"}

I want to get only the value of a property, for example "name", so I'm doing it like this:

console.log(`dataname: ${x.name}`);

and was expecting to see printed "myname" but instead it is undefined .

I don't get what's wrong.

Answer 1

Are you sure - despite there is an error in your JSON (double commas) - that it's actually an JS-Object?

First, clean this up and remove the extra ",":

{ 
  "name":"myname",
  "id":"ead65a6"
}

In your example, this actually looks like a String in JS... So you need to convert it into an object using JSON.parse(myObj)

Then you could access it like an object:

myObj = JSON.parse(myObj);
console.log(myObj.name);

Answer 2

If it's JSON, you need to convert it to object first:

 const obj = JSON.parse('{"name":"myname","id":"ead65a6"}'); console.log(obj.name)