安全地将JSON字符串转换为对象

给定一个JSON数据字符串，如何安全地将该字符串转换为JavaScript对象？

很明显，我可以用这样的方式来做这件事：

var obj = eval("(" + json + ')');

但这让我很容易受到包含其他代码的JSON字符串的攻击，简单地eval似乎非常危险。

当前回答

JSON.parse（）将传递到函数中的任何JSON字符串转换为JSON对象。

要更好地理解它，请按F12在浏览器中打开“Inspect Element”，然后转到控制台编写以下命令：

var response = '{"result":true,"count":1}'; //sample json object(string form)
JSON.parse(response); //converts passed string to JSON Object.

现在运行命令：

console.log(JSON.parse(response));

您将得到一个Object｛result:true，count:1｝的输出。

为了使用该Object，可以将其分配给变量，可能是obj：

var obj = JSON.parse(response);

通过使用obj和点（.）操作符，您可以访问JSON对象的财产。

尝试运行以下命令：

console.log(obj.result);

其他回答

在JavaScript中解析JSON的推荐方法是使用JSON.parse（）

出身背景

JSON API是在ECMAScript 5中引入的，目前已在99%以上的浏览器中实现（按市场份额）。

jQuery曾经有一个$.parseJSON（）函数，但在jQuery 3.0中已弃用。无论如何，在很长一段时间里，它只是JSON.parse（）的包装器。

实例

const json=“｛”城市“：”波士顿“，”人口“：500000｝”；const object=JSON.parse（JSON）；console.log（object.city，object.population）；

浏览器兼容性

所有主要浏览器都支持JSON.parse吗？

差不多，是的（见参考资料）。

另一种选择

const json=“｛”水果“：”菠萝“，”手指“：10｝”让j0s，j1s，j2s，j3sconsole.log（`{“${j0s=“fruit”}”：“${j1s=“菠萝”}”，“${j2s=“fingers”｝”：${j3s=“10”}}`）

这似乎是一个问题：

通过Ajax websocket等接收的输入，它将是字符串格式，但您需要知道它是否是JSON.parsable。问题是，如果您始终通过JSON.parse运行它，程序可能会“成功”继续运行，但您仍然会看到控制台中抛出一个错误，显示可怕的“错误：意外标记'x'”。

var data;

try {
  data = JSON.parse(jqxhr.responseText);
} catch (_error) {}

data || (data = {
  message: 'Server error, please retry'
});

使用JSON.Parse（）解析JSON字符串，数据将成为JavaScript对象：

JSON.parse(jsonString)

这里，JSON表示处理JSON数据集。

想象一下，我们从web服务器收到了以下文本：

'{ "name":"John", "age":30, "city":"New York"}'

要解析为JSON对象，请执行以下操作：

var obj = JSON.parse('{ "name":"John", "age":30, "city":"New York"}');

这里obj是相应的JSON对象，看起来像：

{ "name":"John", "age":30, "city":"New York"}

要获取值，请使用。操作员：

obj.name // John
obj.age //30

使用JSON.stringify（）将JavaScript对象转换为字符串。

jQuery方法现在已被弃用。请改用此方法：

let jsonObject = JSON.parse(jsonString);

使用已弃用的jQuery功能的原始答案：

如果您使用jQuery，只需使用：

jQuery.parseJSON( jsonString );

这正是您想要的（请参阅jQuery文档）。

推荐文章