Unable to parse a stringified array containing HTML

Question

This may be a silly question but I invested more than half an hour to understand why it is not working. I have a 2D javascript array. Some of the elements in array are HTMl having anchor tag with href attributes. I am trying to used JSON.parse("stringified2D array here") but it give me error as shown in this screenshot.

var cd = JSON.parse('[["header","This is some header"],["footer","<p>This addon is brough to you by <a href=\"https://www.accemy.com\">Accemy</a> and <a href=\"swgapps.com\">SW gApps</a></p>This is universal and appended to all add-on content"],["nslookup","NS Lookup allows to fetch DNS records from public DNS servers"]]');

It gives me error

Uncaught SyntaxError: Unexpected token h in JSON at position 88
    at JSON.parse (<anonymous>)
    at <anonymous>:1:15

Error Screenshot

this is a stringified array. And yes, an array can be be stringified and then parsed. Check here imgur.com/PnU1oUB — Waqar Ahmad
– Waqar Ahmad, Commented Aug 8, 2018 at 8:17
Do not generate JSON code manually. Use the language’s built-in functions (e.g. json_encode() in PHP or JSON.stringify() in JS) or corresponding ready-to-use libraries. — Marat Tanalin
– Marat Tanalin, Commented Aug 8, 2018 at 22:18

Tarek Deeb · Accepted Answer · 2018-08-08 08:21:46Z

4

You should escape the quotes twice \\"

var s = '[' +
  '["header","This is some header"],' +
  '["footer","<p>This addon is brough to you by ' +
  '<a href=\\"https://www.accemy.com\\">Accemy</a> and ' + //here
  '<a href=\\"swgapps.com\\">SW gApps</a></p>' + //and here
  'This is universal and appended to all add-on content"],' +
  '["nslookup","NS Lookup allows to fetch DNS records from public DNS servers"]]';

var cd = JSON.parse(s);

console.log(cd.length); //3

answered Aug 8, 2018 at 8:21

Tarek Deeb

1689 bronze badges

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

Comments

Harry · Accepted Answer · 2018-08-08 08:22:26Z

3

You need another \ to escape double quotes in string:

var cd = JSON.parse('[["header","This is some header"],["footer","<p>This addon is brough to you by <a href=\\"https://www.accemy.com\\">Accemy</a> and <a href=\\"swgapps.com\\">SW gApps</a></p>This is universal and appended to all add-on content"],["nslookup","NS Lookup allows to fetch DNS records from public DNS servers"]]');

answered Aug 8, 2018 at 8:22

Harry

67811 silver badges27 bronze badges

Collectives™ on Stack Overflow

Unable to parse a stringified array containing HTML

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related