Unable to get value after JSON parsing

user_11711854 0
Viewed 674

I am facing issue while converting the value from below string. Tried to parse JSON but didn't work. 

const val1 = "{a: '123'}";

console.log(typeof(val1)); // string

const a = JSON.parse(val1); // Gives Error: Unexpected token a in JSON at position 1

const b = JSON.parse(JSON.stringify(val1)); 
console.log(b); // {a: '123'}
console.log(b.a); // ---> undefined

console.log(typeof(b)); // string -> How?

Again if I do, JSON.parse(b) -> Gives error: Unexpected token a in JSON at position.

Can someone suggest what I am doing wrong

jsonparser json javascript string
4 Answers

Try the following 

const jsonString = '{"a": "123"}';
const parsedJson = JSON.parse(jsonString);

console.log(parsedJson.a)

the problem is the single quote in your json string, see this https://www.json.org/json-en.html

You can use the following 

const jsonString1 = '{"a": "123"}';
const jsonString2 = "{\"a\": \"123\"}";
user_14198760 
const val1 = "{a: '123'}";
console.log(typeof(val1)); // string
const a = JSON.parse(val1); // Gives Error:

This happens because val1 here is not a valid json string, as property a and its value inside the object is not wrapped in double quotes. After doing that you can see it works fine:

const val1 = '{"a": "123"}';
console.log(typeof(val1)); // string
const a = JSON.parse(val1); // It works!
console.log( a )

const b = JSON.parse(JSON.stringify(val1)); 
console.log(b); // {a: '123'}
console.log(b.a); // ---> undefined

b.a is undefined here because b is not actually an object here but string:

const val1 = "{a: '123'}";
const b = JSON.parse(JSON.stringify(val1));
console.log(b); // {a: '123'}
console.log(typeof b); // string
console.log(b.a); // ---> undefined

This happens because 

JSON.stringify(val1)

converts "{a: '123'}" to ""{a: '123'}"". It simply add double quotes around val1 as it was already a string.

and using JSON.parse on it just removed the double quotes from it and we got back string again.

const val1 = "{a: '123'}";
const val2 = JSON.stringify(val1);
console.log( val2 )   // "{a: '123'}" ... its actually ""{a: '123'}""
console.log( typeof val2 )  // string

const val3 = JSON.parse(val2);
console.log( val3 )   // {a: '123'} ... its actually "{a: '123'}"
console.log( typeof val3 )  // string

user_18238410

I think the problem is in your line #4

const b = JSON.parse(JSON.stringify(val1));

You are trying to parse the result of 

JSON.stringify("{a: '123'}")
That produces a "string inside string".

enter image description here

As previous answer suggested, make sure your json format is correct. Use tool like https://jsonlint.com/ to check your json.

user_40343460

Changed the code below. Please check as it works.

    const val1 = '{"a": "123"}';

console.log(typeof(val1)); // string

const a = JSON.parse(val1); // a is a json now

const b = JSON.parse(JSON.stringify(val1)); //val1 is already is string so no need to do this
console.log(a); // {a: '123'}
console.log(a.a); // ---> changed to a
const c = JSON.parse(b);
console.log(typeof(b)); // string -> Double stringing but converting to json only once so its still a string
console.log(typeof(c)); // Have to do JSON.parse on b to make it a Object again

user_9570260
Related