JavaScript 将字符串转换为 JSON 对象的四种常用方法

1. 使用 JavaScript 内置函数 eval()

语法如下：

var obj = eval ("(" + txt + ")"); //必须把文本包围在括号中，这样才能避免语法错误

eval() 函数的作用是计算提供的字符串参数，并执行其中包含的 JavaScript 代码。

鉴于 JSON 的语法是 JavaScript 语法的子集，因此可以利用 eval() 函数将 JSON 格式的字符串解析为 JavaScript 对象。

需要注意的是，如果传入的字符串中包含可执行的表达式，eval() 会直接编译并运行这些代码，这可能导致严重的安全漏洞。

2. 使用浏览器原生 JSON 对象中的 JSON.parse()

语法如下：

var obj = JSON.parse(text[, reviver])
//text:必需， 一个有效的 JSON 字符串。解析前要确保你的数据是标准的 JSON 格式，否则会解析出错。
//reviver: 可选，一个转换结果的函数， 将为对象的每个成员调用此函数。

相比 eval()，JSON.parse() 不仅安全性更高，而且执行速度也更快。该方法在主流浏览器中得到了广泛支持，包括 Firefox 3.5、IE 8、Chrome、Opera 10 以及 Safari 4。

需要注意的是，在 IE 7、IE 6 以及 IE 8 的兼容模式下使用该方法时，可能会遇到兼容性问题。

3. 使用 jQuery 插件提供的 $.parseJSON()

语法如下：

var obj = $.parseJSON(json) //json：String类型，传入格式有误的JSON字符串可能导致抛出异常

4. 在通过 Ajax 请求获取 JSON 数据时使用 $.getJSON()

语法如下：

jQuery.getJSON(url,data,success(data,status,xhr))
//url    必需。规定将请求发送的哪个 URL。
//data    可选。规定连同请求发送到服务器的数据。
//success(data,status,xhr)    可选。规定当请求成功时运行的函数。

在此场景下，返回的数据对象（data）已经是解析好的 JSON 对象，无需再进行额外的字符串转换操作。

$.getJSON() 实际上是 jQuery 对 Ajax 函数的一个简写封装，其等价于以下配置：

$.ajax({
  url: url,
  data: data,
  success: callback,
  dataType: "json"
});

总结

以上介绍了 JavaScript 将字符串转换为 JSON 对象的四种主要实现方法。如需了解更多相关内容，建议查阅本站往期文章或继续浏览后续教程，感谢大家的支持！