Javascript :: JSON解析不接受换行符？

Question

I wrote a sample code just to explain what I was after so...

Here is a working example:

var json='{"hezi":"firstName","gangina":"lastName"}',
    obj=JSON.parse(json);

alert(obj.gangina);

And here is the same exact code with line breaks and tabs (just to make the code more readable since in my real code the JSON array string is HUGE):

var json=
'
    {
        "hezi":"firstName",
        "gangina":"lastName"
    }
',
    obj=JSON.parse(json);

alert(obj.gangina);

I even tried to compensate with :

    obj=JSON.parse(json.replace(/(\r\n|\n|\r|\t)/gm,""));

So... Technically I can solve this issue by compressing my line (removing all \\r\\n|\\n|\\r|\\t manually) but I'm quite sure there is a quick fix for that regardless beautifying my code.

Small tweak needed here...

Answer 1

JavaScript does not accept line breaks without escaping. You can fix this by escaping the line breaks:

var json=
'\
    {\
        "hezi":"firstName",\
        "gangina":"lastName"\
    }\
',
obj=JSON.parse(json);

alert(obj.gangina);

Answer 2

Just to clear up the confusion. The error is here:

var json=
'
    {

On line 2, there's a quote: the beginning of a string . Then an unescaped line break. That causes a SyntaxError and none of your code is ever executed. In particular, JSON.parse isn't executed.

Answer 3

I suppose you want to 'pretty print' long JSON-strings?

In that case: you can use the space parameter in JSON.stringify to display a long JSON-string formatted. See MDN . For example:

 var json = '{"hezi":"firstName","gangina":"lastName"}' obj = JSON.parse(json); document.querySelector('#result').innerHTML = JSON.stringify(obj, null, ' '); 

 <pre id="result"></pre> 

Answer 4

ES6 template strings are now supported in Chrome 41+ and Firefox 34+. It's time to know about it.

JSON.parse(`
   {
        "hezi":"firstName",
        "gangina":"lastName"
    }
`);

Answer 5

You need to use line breaks to achieve this but escaping is not recommended due to it being easy to escape a space by mistake which would throw a formatting error.

Use..

var json=
'{'+
 '"hezi":"firstName",'+
 '"gangina":"lastName"'+
'}',
    obj=JSON.parse(json);

alert(obj.gangina);

But my question would be why use json in the 1st place, if hand coding use an object then this wouldn't be an issue, json data should only be loaded from external source.