JSON.Parse，'未捕获的SyntaxError：意外令牌o

小编典典

JSON.Parse，'未捕获的SyntaxError：意外令牌o

json

我从网络服务返回的JSON遇到问题。看起来JSON缺少引号，但是当我在JSON中添加引号时，出现错误。这是错误消息：’Uncaught
SyntaxError：意外的标记o。当我将字符串记录到控制台时：[对象对象]，[对象对象]

这是一些模拟错误的示例代码：

//Error I am trying to solve
var jsonString = '[{"Id":"10","Name":"Matt"},{"Id":"1","Name":"Rock"}]';
var myData = JSON.parse(jsonString);

$(document).ready(function() {
    var $grouplist = $('#groups');
    $.each(myData, function() {
        $('<li>' + this.Name + '</li>').appendTo($grouplist);
    });
});

这是相同的代码，在字符串两边用单引号引起来。有用

//Successful Javascript
var jsonString = '[{"Id":"10","Name":"Matt"},{"Id":"1","Name":"Rock"}]';
var myData = JSON.parse(jsonString);

$(document).ready(function() {
    var $grouplist = $('#groups');
    $.each(myData, function() {
        $('<li>' + this.Name + '</li>').appendTo($grouplist);
    });
});

//Successful HTML
<ul id="groups"></ul>

但是，当我尝试在字符串中添加引号时，就像我在实际代码中似乎需要的那样，它失败了：

//Does not work when I need to append quotes to the string:
var jsonStringNoQuotes = [{"Id":"10","Name":"Matt"},{"Id":"1","Name":"Rock"}];
jsonStringQuotes = "'" + jsonStringNoQuotes + "'";
var myData = JSON.parse(jsonStringQuotes);

$(document).ready(function() {
    var $grouplist = $('#groups');
    $.each(myData, function() {
        $('<li>' + this.Name + ',' +  this.Id + '</li>').appendTo($grouplist);
    });
});

这是错误：控制台的日志字符串：[对象对象]，[对象对象] data.js：809未捕获的语法错误：意外的令牌’

我很沮丧任何帮助表示赞赏！谢谢！

阅读 271

2020-07-27

共1个答案

小编典典

如果没有单引号，那么您正在创建一个数组，其中包含两个对象。这是JavaScript自己的语法。当您添加引号时，该对象（数组+
2个对象）现在是字符串。您可以JSON.parse用来将字符串转换为JavaScript对象。您不能用于JSON.parse将JavaScript对象转换为JavaScript对象。

//String - you can use JSON.parse on it
var jsonStringNoQuotes = '[{"Id":"10","Name":"Matt"},{"Id":"1","Name":"Rock"}]';

//Already a javascript object - you cannot use JSON.parse on it
var jsonStringNoQuotes = [{"Id":"10","Name":"Matt"},{"Id":"1","Name":"Rock"}];

此外，您的最后一个示例失败，因为您要在JSON字符串中添加文字单引号字符。这是非法的。JSON规范指出仅允许使用双引号。如果您要console.log遵循以下…

console.log("'"+[{"Id":"10","Name":"Matt"},{"Id":"1","Name":"Rock"}]+"'");
//Logs:
'[object Object],[object Object]'

您会看到它返回数组的字符串表示形式，该字符串表示形式转换为逗号分隔的列表，并且每个列表项都是对象的字符串表示形式，即[object Object]。请记住，JavaScript中的关联数组只是对象，每个键/值对都是一个属性/值。

为什么会这样？因为您是从字符串开始的"'"，所以您尝试将数组追加到它的后面，该数组请求它的字符串表示形式，然后再追加另一个string "'"。

请不要将JSON与Javascript混淆，因为它们是完全不同的东西。JSON是一种人类可读的数据格式，旨在与创建javascript对象时使用的语法匹配。JSON是一个字符串。Javascript对象不是，因此在代码中声明时不会用引号引起来。

看到这个小提琴：http :
//jsfiddle.net/NrnK5/

2020-07-27