JSON：解析时出错

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.

Answer 1

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 sting.

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

Answer 2

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"]]'