JSON: Error while Parsing

Question

I've the following JSON(Valid) sting.

[["abc","{\"icon\":\"adjust\",\"prefix\":\"fa\",\"markerColor\":\"red\"}"],["xyz","{\"icon\":\"archive\",\"prefix\":\"fa\",\"markerColor\":\"green\"}"],["azs","{\"icon\":\"asterisk\",\"prefix\":\"fa\",\"markerColor\":\"darkred\"}"]]

it gives error when I try to Parse using the JSON.parse function here is the code that I'm using for parsing.

JSON.parse('[["abc","{\"icon\":\"adjust\",\"prefix\":\"fa\",\"markerColor\":\"red\"}"],["xyz","{\"icon\":\"archive\",\"prefix\":\"fa\",\"markerColor\":\"green\"}"],["azs","{\"icon\":\"asterisk\",\"prefix\":\"fa\",\"markerColor\":\"darkred\"}"]]');

and it gives an error in console Uncaught SyntaxError: Unexpected token i

here is the Correct Output by same string using online JSON viewer.

Double escape the quotes -- \\". Once for the contents of the JSON string, again for the JavaScript string literal it's wrapped in. — Jonathan Lonowski
– Jonathan Lonowski, Commented Apr 4, 2015 at 5:10
reducing \" to " didn't work. Although \" to \\" works — Muaaz Khalid
– Muaaz Khalid, Commented Apr 4, 2015 at 5:22

Mr. Polywhirl · Accepted Answer · 2024-06-19 17:44:35Z

2

When you use JSON viewer, it's different from when you use the code in your JS code. Like @Jonathan stated, you should double escape you JSON string.

JSON.parse('[["abc","{\\"icon\\":\\"adjust\\",\\"prefix\\":\\"fa\\",\\"markerColor\\":\\"red\\"}"],["xyz","{\\"icon\\":\\"archive\\",\\"prefix\\":\\"fa\\",\\"markerColor\\":\\"green\\"}"],["azs","{\\"icon\\":\\"asterisk\\",\\"prefix\\":\\"fa\\",\\"markerColor\\":\\"darkred\\"}"]]');

edited Jun 19, 2024 at 17:44

Mr. Polywhirl

49.1k12 gold badges96 silver badges147 bronze badges

answered Apr 4, 2015 at 5:14

That Guy

3794 silver badges14 bronze badges

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

Comments

Mr. Polywhirl · Accepted Answer · 2024-06-19 21:20:50Z

1

You need to escape (\) the escape (\") itself, within the string literal.

Additionally, you can parse this data in two passes.

const data = `[["abc","{\\"icon\\":\\"adjust\\",\\"prefix\\":\\"fa\\",\\"markerColor\\":\\"red\\"}"],["xyz","{\\"icon\\":\\"archive\\",\\"prefix\\":\\"fa\\",\\"markerColor\\":\\"green\\"}"],["azs","{\\"icon\\":\\"asterisk\\",\\"prefix\\":\\"fa\\",\\"markerColor\\":\\"darkred\\"}"]]`;

const firstPass = JSON.parse(data);
const secondPass = firstPass.map(([k, v]) => [k, JSON.parse(v)]);

console.log(secondPass);

.as-console-wrapper { top: 0; max-height: 100% !important; }

answered Jun 19, 2024 at 21:20

Mr. Polywhirl

49.1k12 gold badges96 silver badges147 bronze badges

Comments

hamed · Accepted Answer · 2015-04-04 05:13:47Z

0

Your json structure is invalid. You should use this instead(without slashes):

  '[["abc",["icon":"adjust","prefix":"fa","markerColor":"red"]],["xyz",["icon":"archive","prefix":"fa","markerColor":"green"]],["azs",["icon":"asterisk","prefix":"fa","markerColor":"darkred"]]'

edited Apr 4, 2015 at 5:13

answered Apr 4, 2015 at 5:08

hamed

8,04517 gold badges66 silver badges119 bronze badges

3 Comments

Muaaz Khalid Over a year ago

there is a JSON String inside the provided JSON. e.g: "{\"icon\":\"adjust\",\"prefix\":\"fa\",\"markerColor\":\"red\"}" You can treat the above JSON as Key pair value. ["abc","{\"icon\":\"adjust\",\"prefix\":\"fa\",\"markerColor\":\"red\"}"] here abc is key and "{\"icon\":\"adjust\",\"prefix\":\"fa\",\"markerColor\":\"red\"}" is value

Jonathan Lonowski Over a year ago

It's not necessarily invalid, just uncommon. Some of the string values within the JSON just themselves contain more JSON: JSON.stringify([ 'abc', JSON.stringify({ icon: 'adjust' }) ])

Muaaz Khalid Over a year ago

replacing \" to \\" works for me. By the way, the above string works correctly Here

Collectives™ on Stack Overflow

JSON: Error while Parsing

3 Answers 3

Comments

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related