變量中的json數據並顯示在表中

Question

我已經將JSON數據存儲在變量中。 但是在檢索其顯示意外令牌的同時o。

var somejson = "[{ \"key1\" : \"<header class=\"main-header dark-bg\"><div class=\"row\"></div></header>\"},{\"key2\" : \"<div class=\"row content clearfix worldwide dark-bg t--bg-5\"></div>\"}]";

var mainObject = JSON.parse(somejson);
  console.log(mainObject);
  for (var key in mainObject) {
    //console.log("key"+key);
          var innerObject = mainObject[key];
          //console.log("inner object "+innerObject);
          for (var innerKey in innerObject) {
            var t = innerObject[innerKey];
            console.log(t);
}
}

有人可以幫我解決我錯的地方嗎，我正在獲得意外的令牌或錯誤。 我在尋找解決方案，但無法解決。 請幫我

Answer 1

您的JSON數據無效，因為您將key1的值包含在"main-header dark-bg" ， 而沒有轉義這些雙引號 。

做了

var somejson = "[{ \"key1\" : \"<header class=\\\"main-header dark-bg\\\"><div class=\\\"row\\\"></div></header>\"},{\"key2\" : \"<div class=\\\"row content clearfix worldwide dark-bg t--bg-5\\\"></div>\"}]";

或對鍵值內的屬性值使用單引號

var somejson = "[{ \"key1\" : \"<header class='main-header dark-bg'><div class='row'></div></header>\"},{\"key2\" : \"<div class='row content clearfix worldwide dark-bg t--bg-5'></div>\"}]";

Answer 2

使您的json如下所示：

"[{ "key1" : "<header class='main-header dark-bg'><div class='row'></div></header>"},{"key2" : "<div class='row content clearfix worldwide dark-bg t--bg-5'></div>"}]"