JSON.parse returning undefined on my string

Question

I have a returned string from my server and I want to parse it into a JSON object, the following is the string and what I am doing :

stringToParse = "\"{'female': 16, 'brand': 75, 'male': 8}\""
dataJson = JSON.parse(stringToParse)
console.log(dataJson)
console.log(dataJson.male)

I'm getting this as output :

{'female': 16, 'brand': 75, 'male': 8}
undefined

so I can't access the male, female, and brand objects within the JSON.

how could it be,isn't the JSON.parse returns a JSON object ? — Fahd Lyousfi
– Fahd Lyousfi, Commented Jul 10, 2020 at 11:49

Apostolos · Accepted Answer · 2020-07-10 12:00:43Z

4

correct json to be parsed should be

stringToParse = '{"female": 16, "brand": 75, "male": 8}'

you need to alter the code at your server to return data in this manner, or handle it in your js file.

This code works

let stringToParse = '{"female": 16, "brand": 75, "male": 8}'
dataJson = JSON.parse(stringToParse)
console.log(dataJson)
console.log(dataJson.male)

If, though, you can't alter the original stringToParse, then try this in order to parse it at js

let stringToParse = "\"{'female': 16, 'brand': 75, 'male': 8}\""
JSON.parse(stringToParse.replace(/\"/g, '').replace(/'/g, '"'))

edited Jul 10, 2020 at 12:00

answered Jul 10, 2020 at 11:50

Apostolos

10.5k5 gold badges32 silver badges44 bronze badges

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

9 Comments

Fahd Lyousfi Over a year ago

really hard to change the server's side, you know how I can easily switch to that in JS?

Evgeny Klimenchenko Over a year ago

the easiest solution would be to double parse it JSON.parse(JSON.parse(stringToParse))

Evgeny Klimenchenko Over a year ago

Updated my answer with that

Apostolos Over a year ago

@FahdLyousfi check my updated answer. I think JSON.parse(stringToParse.replace(/\"/g, '').replace(/'/g, '"')) will do the trick

Fahd Lyousfi Over a year ago

Unexpected token ' in JSON at position 1 at JSON.parse (<anonymous>)

|

Evgeny Klimenchenko · Accepted Answer · 2020-07-10 11:58:36Z

2

There is something wrong with you string I think those extra quotation marks are useless. The JSON parser things that you providing him with a string "{"female": 16, "brand": 75, "male": 8}" and it parses it as string so you see the console.log result {"female": 16, "brand": 75, "male": 8} but it is not an objet the whole thing is a string. Remove extra quotation marks and it will think it is an object.

stringToParse = '{"female": 16, "brand": 75, "male": 8}'
dataJson = JSON.parse(stringToParse)
console.log(dataJson)
console.log(dataJson.male)

edited Jul 10, 2020 at 11:58

answered Jul 10, 2020 at 11:49

Evgeny Klimenchenko

1,1941 gold badge7 silver badges15 bronze badges

Comments

Mactacs · Accepted Answer · 2020-07-10 11:56:18Z

1

Your json string is invalid format. In JSON, keys must be strings written with double quotes not in single quotes. e.g. {"male":16}. Try to read this https://www.w3schools.com/js/js_json_syntax.asp. So below is the correct answer :

stringToParse = '{"female": 16, "brand": 75, "male": 8}'
dataJson = JSON.parse(stringToParse)
console.log(dataJson)
console.log(dataJson.male)

answered Jul 10, 2020 at 11:56

Mactacs

1001 gold badge1 silver badge8 bronze badges

Comments

Talha Noyon · Accepted Answer · 2020-07-10 12:07:38Z

0

In your second line parse like this

stringToParse = "\"{'female': 16, 'brand': 75, 'male': 8}\""
dataJson = JSON.parse(stringToParse.replace(/\"/g, '').replace(/'/g, '"'))

stringToParse = "\"{'female': 16, 'brand': 75, 'male': 8}\""
dataJson = JSON.parse(stringToParse.replace(/\"/g, '').replace(/'/g, '"'))
console.log(dataJson)
console.log(dataJson.male)

answered Jul 10, 2020 at 12:07

Talha Noyon

8648 silver badges14 bronze badges

Comments

Michael Santos · Accepted Answer · 2023-04-02 01:42:08Z

0

I could solve this problem by using:

dataJson  = JSON.parse(decodeURI(stringToParse));

here is a reference to it: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/decodeURI

answered Apr 2, 2023 at 1:42

Michael Santos

68012 silver badges19 bronze badges

Collectives™ on Stack Overflow

JSON.parse returning undefined on my string

5 Answers 5

9 Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

9 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related