摘要：

Javascript（浏览器和NodeJS）有一个内置的JSON对象。在这个Object上有两种处理JSON的方便方法。它们如下：

JSON.parse（）将JSON作为参数，返回JS对象JSON.stringify（）将JS对象作为参数返回JSON对象

其他应用：

除了非常方便地处理JSON之外，它们还可以用于其他方式。两种JSON方法的结合使我们可以非常容易地制作数组或对象的深度克隆。例如：

设arr1=[1，2，[3，4]]；让newArr=arr1.slice（）；arr1[2][0]=“已更改”；console.log（newArr）；//不是深度克隆设arr2=[1，2，[3，4]]；让newArrDeepclon=JSON.parse（JSON.stringify（arr2））；arr2[2][0]=“已更改”；console.log（newArrDeepclone）；//深度克隆，值不变

如果我们有这样的字符串：

"{\"status\":1,\"token\":\"65b4352b2dfc4957a09add0ce5714059\"}"

那么我们可以简单地使用JSON.parse两次将该字符串转换为JSON对象：

var sampleString = "{\"status\":1,\"token\":\"65b4352b2dfc4957a09add0ce5714059\"}"
var jsonString= JSON.parse(sampleString)
var jsonObject= JSON.parse(jsonString)

我们可以使用以下方法从JSON对象中提取值：

// instead of last JSON.parse:
var { status, token } = JSON.parse(jsonString);

结果将是：

status = 1 and token = 65b4352b2dfc4957a09add0ce5714059

我知道，老问题是，但是没有人注意到这个解决方案，因为它使用了new Function（），一个返回数据的匿名函数。

举个例子：

 var oData = 'test1:"This is my object",test2:"This is my object"';

 if( typeof oData !== 'object' )
  try {
   oData = (new Function('return {'+oData+'};'))();
  }
  catch(e) { oData=false; }

 if( typeof oData !== 'object' )
  { alert( 'Error in code' ); }
 else {
        alert( oData.test1 );
        alert( oData.test2 );
      }

这稍微安全一点，因为它在函数内部执行，而不直接在代码中编译。因此，如果其中有函数声明，它将不会绑定到默认的窗口对象。

我使用它来简单快速地“编译”DOM元素（例如数据属性）的配置设置。

在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吗？

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

将对象转换为JSON，然后解析它，对我来说很有用，比如：

JSON.parse(JSON.stringify(object))

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);