我想在 JavaScript 中解析一个 JSON 字符串。响应类似于
var response = '{"result":true,"count":1}';
如何从中获取值 result 和 count？
【问题讨论】：
标签： javascript json parsing
在 JavaScript 中解析 JSON 的标准方法是 JSON.parse()
JSON API 是随ES5（2011 年）引入的，此后按市场份额计算，已在 >99% 的浏览器和 Node.js 中实施。它的用法很简单：
const json = '{ "fruit": "pineapple", "fingers": 10 }';
const obj = JSON.parse(json);
console.log(obj.fruit, obj.fingers);唯一不能使用JSON.parse() 的情况是，如果您正在为古老的浏览器编程，例如 IE 7 (2006)、IE 6 (2001)、Firefox 3 (2008)、Safari 3。 x (2009) 等。或者，您可能处于不包含标准 API 的深奥 JavaScript 环境中。在这些情况下，请使用 json2.js，这是 JSON 的发明者 Douglas Crockford 编写的 JSON 参考实现。该库将提供JSON.parse() 的实现。
在处理非常大的 JSON 文件时，JSON.parse() 可能会因为其同步特性和设计而窒息。为了解决这个问题，JSON 网站推荐了第三方库，例如 Oboe.js 和 clarinet，它们提供了流式 JSON 解析。
jQuery 曾经有一个$.parseJSON() 函数，但它在 jQuery 3.0 中被弃用了。无论如何，很长一段时间以来，它只不过是JSON.parse() 的包装。
【讨论】：
JSON.parse()。对于 IE 6、7 和其他较旧的浏览器，您可以使用我在帖子中链接到的 json2.js。或者，但不太安全，您可以使用eval。
JSON.stringify()
JSON.parse，然后是自己的实现。 jQuery 2.x 直接调用JSON.parse 没有检查或回退。
警告！
这个答案源于一个古老的 JavaScript 编程时代，在此期间没有内置的方法来解析 JSON。这里给出的建议不再适用并且可能很危险。从现代的角度来看，通过涉及 jQuery 或调用 eval() 来解析 JSON 是无稽之谈。除非需要支持 IE 7 或 Firefox 3.0，否则解析 JSON 的正确方法是JSON.parse()。
首先，您必须确保 JSON 代码有效。
之后，如果可以的话，我会推荐使用 jQuery 或 Prototype 等 JavaScript 库，因为这些库可以很好地处理这些事情。
另一方面，如果您不想使用库并且可以保证 JSON 对象的有效性，我会简单地将字符串包装在匿名函数中并使用 eval 函数。
如果您从另一个不完全受信任的来源获取 JSON 对象，则不建议这样做，因为如果您愿意，eval 函数允许使用叛徒代码。
这里是一个使用 eval 函数的例子：
var strJSON = '{"result":true,"count":1}';
var objJSON = eval("(function(){return " + strJSON + ";})()");
alert(objJSON.result);
alert(objJSON.count);
如果您控制正在使用的浏览器，或者您不担心使用旧浏览器的人，您可以随时使用 JSON.parse 方法。
这确实是未来的理想解决方案。
【讨论】：
如果您从外部站点获取此信息，则使用 jQuery 的 getJSON 可能会有所帮助。如果它是一个列表，您可以使用 $.each 遍历它
$.getJSON(url, function (json) {
alert(json.result);
$.each(json.list, function (i, fb) {
alert(fb.result);
});
});
【讨论】：
如果您想将JSON 3 用于旧版浏览器，您可以通过以下方式有条件地加载它：
<script>
window.JSON ||
document.write('<script src="//cdnjs.cloudflare.com/ajax/libs/json3/3.2.4/json3.min.js"><\/scr'+'ipt>');
</script>
现在，无论客户端运行什么浏览器，您都可以使用标准的 window.JSON 对象。
【讨论】：
json3.min.js 完成加载后可供您使用。这不会在可用时给您回调。因此，您的代码今天可能可以工作，但在周三 cdnjs.cloudflare.com 突然比平时慢或网络已加载或其他 10000 个原因之一时将无法工作。 RequireJS 代替。
//cdn.jsdelivr.net/json3/latest/json3.min.js
下面的例子就清楚了：
let contactJSON = '{"name":"John Doe","age":"11"}';
let contact = JSON.parse(contactJSON);
console.log(contact.name + ", " + contact.age);
// Output: John Doe, 11
【讨论】：
eval()是危险的
如果你从 MVC @Viewbag 向 JSON.parse 传递一个字符串变量（格式良好的 JSON 字符串），它有双引号，'"'，作为引号，你需要在 JSON.parse 之前处理它（jsonstring）
var jsonstring = '@ViewBag.jsonstring';
jsonstring = jsonstring.replace(/"/g, '"');
【讨论】：
您可以像在其他一些答案中一样使用 eval 函数。 （不要忘记额外的大括号。）当你深入挖掘时你会知道为什么），或者干脆使用jQuery函数parseJSON：
var response = '{"result":true , "count":1}';
var parsedJSON = $.parseJSON(response);
或
您可以使用下面的代码。
var response = '{"result":true , "count":1}';
var jsonObject = JSON.parse(response);
您可以使用jsonObject.result 和jsonObject.count 访问这些字段。
更新：
如果你的输出是undefined，那么你需要关注THIS answer。也许您的 json 字符串具有数组格式。您需要像这样访问 json 对象属性
var response = '[{"result":true , "count":1}]'; // <~ Array with [] tag
var jsonObject = JSON.parse(response);
console.log(jsonObject[0].result); //Output true
console.log(jsonObject[0].count); //Output 1
【讨论】：
最简单的使用parse()方法：
var response = '{"a":true,"b":1}';
var JsonObject= JSON.parse(response);
这是一个如何获取值的示例：
var myResponseResult = JsonObject.a;
var myResponseCount = JsonObject.b;
【讨论】：
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 a JSON object.
现在运行命令：
console.log(JSON.parse(response));
你会得到 Object {result: true, count: 1} 的输出。
为了使用该对象，您可以将其分配给变量，比如obj：
var obj = JSON.parse(response);
现在通过使用 obj 和点 (.) 运算符，您可以访问 JSON 对象的属性。
尝试运行命令
console.log(obj.result);
【讨论】：
不使用库你可以使用eval - 你应该使用的唯一时间。不过使用库更安全。
例如...
var response = '{"result":true , "count":1}';
var parsedJSON = eval('('+response+')');
var result=parsedJSON.result;
var count=parsedJSON.count;
alert('result:'+result+' count:'+count);
【讨论】：
如果你喜欢
var response = '{"result":true,"count":1}';
var JsonObject= JSON.parse(response);
您可以使用 (.) 点：
通过 JsonObject 访问 JSON 元素JsonObject.result;
JsonObject.count;
【讨论】：
我认为JSON.parse(myObject) 会起作用。但根据浏览器的不同，可能值得使用eval('('+myObject+')')。我可以建议注意的唯一问题是 JSON 中的多级列表。
【讨论】：
一个简单的方法：
var data = '{"result":true,"count":1}';
var json = eval("[" +data+ "]")[0]; // ;)
【讨论】：
如果你使用Dojo Toolkit：
require(["dojo/json"], function(JSON){
JSON.parse('{"hello":"world"}', true);
});
【讨论】：
正如许多其他人所提到的，大多数浏览器都支持JSON.parse 和JSON.stringify。
现在，我还要补充一点，如果您使用的是AngularJS（我强烈推荐），那么它还提供了您需要的功能：
var myJson = '{"result": true, "count": 1}';
var obj = angular.fromJson(myJson);//equivalent to JSON.parse(myJson)
var backToJson = angular.toJson(obj);//equivalent to JSON.stringify(obj)
我只是想添加有关 AngularJS 的内容以提供另一种选择。请注意，AngularJS 并未正式支持 Internet Explorer 8（以及旧版本），但根据经验，大多数东西似乎都运行良好。
【讨论】：
如果你使用 jQuery，那很简单：
var response = '{"result":true,"count":1}';
var obj = $.parseJSON(response);
alert(obj.result); //true
alert(obj.count); //1
【讨论】：