在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.parse（jsonString）就是一种纯JavaScript方法。

仅针对不同输入类型的封面解析

使用JSON.Parse（）解析数据，数据将成为JavaScript对象。

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

当对从数组派生的JSON使用JSON.parse（）时，该方法将返回JavaScript数组，而不是JavaScript对象。

var myArr = JSON.parse(this.responseText);
console.log(myArr[0]);

JSON中不允许使用日期对象。约会时做这样的事

var text = '{ "name":"John", "birth":"1986-12-14", "city":"New York"}';
var obj = JSON.parse(text);
obj.birth = new Date(obj.birth);

JSON中不允许使用函数。如果需要包含函数，请将其写成字符串。

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

试试这个。这是用打字机写的。

export function safeJsonParse(str: string) {
    try {
        return JSON.parse(str);
    } catch (e) {
        return str;
    }
}

JSON解析总是一个难题。如果输入不符合预期，则会抛出错误并使您正在执行的操作崩溃。

您可以使用下面的小函数来安全地解析输入。即使输入无效或已经是一个对象，它也始终会转换对象，这在大多数情况下更好：

JSON.safeParse = function (input, def) {
  // Convert null to empty object
  if (!input) {
    return def || {};
  } else if (Object.prototype.toString.call(input) === '[object Object]') {
    return input;
  }
  try {
    return JSON.parse(input);
  } catch (e) {
    return def || {};
  }
};

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

"{\"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