JS四种方法轻松解析字符串转JSON，零基础也能学会！

深入解析字符串转 JSON 对象的四种方法

在 JavaScript 开发中，将字符串转换为 JSON 对象是一个常见的需求。本博客将深入探讨四种有效的方法，同时阐述它们的优缺点，帮助读者选择最适合他们项目的方法。

方法一：eval()

原理： eval() 函数将一个字符串作为参数，并将其作为 JavaScript 代码执行。因此，我们可以将 JSON 字符串作为参数传递给 eval() 函数，从而将其转换为 JavaScript 对象。

const str = '{"name": "John Doe", "age": 30}';
const obj = eval('(' + str + ')');

优点： 简单易用。

缺点： 安全性差。eval() 函数可以执行任意 JavaScript 代码，因此存在安全隐患。不支持 IE8 及以下版本。

方法二：JSON.parse()

原理： JSON.parse() 函数专门用于将 JSON 字符串转换为 JavaScript 对象。

const str = '{"name": "John Doe", "age": 30}';
const obj = JSON.parse(str);

优点： 安全性高。JSON.parse() 函数只支持 JSON 字符串，因此不会执行任意 JavaScript 代码。支持所有浏览器。

缺点： 无法处理非标准的 JSON 字符串。

方法三：new Function()

原理： new Function() 函数创建一个新的函数对象，该函数对象可以执行指定的 JavaScript 代码。因此，我们可以将 JSON 字符串作为参数传递给 new Function() 函数，从而将其转换为 JavaScript 对象。

const str = '{"name": "John Doe", "age": 30}';
const obj = new Function('return ' + str)();

优点： 安全性高。new Function() 函数只支持 JSON 字符串，因此不会执行任意 JavaScript 代码。支持所有浏览器。可以处理非标准的 JSON 字符串。

缺点： 语法复杂。

方法四：正则表达式

原理： 我们可以使用正则表达式将 JSON 字符串中的双引号和单引号替换成统一的双引号，然后使用 JSON.parse() 函数将其转换为 JavaScript 对象。

const str = '{"name": "John Doe", "age": 30}';
const obj = JSON.parse('{' + str.replace(/"([^"]+)":/g, '"$1":').replace(/'/g, '"') + '}');

优点： 安全性高。正则表达式只支持 JSON 字符串，因此不会执行任意 JavaScript 代码。支持所有浏览器。可以处理非标准的 JSON 字符串。

缺点： 语法复杂。

总结

以上四种方法都可以实现字符串转 JSON 对象，但每种方法都有各自的优缺点。在实际开发中，我们可以根据具体情况选择合适的方法。

拓展阅读：

• JSON.parse() 方法
• eval() 函数
• new Function() 函数
• 正则表达式

常见问题解答：

1. 哪种方法最安全？
JSON.parse() 和 new Function() 的安全性最高，因为它们只支持 JSON 字符串，不会执行任意 JavaScript 代码。

2. 哪种方法支持所有浏览器？
JSON.parse() 和 new Function() 支持所有浏览器。

3. 哪种方法可以处理非标准的 JSON 字符串？
new Function() 和正则表达式方法可以处理非标准的 JSON 字符串。

4. 哪种方法最简单易用？
eval() 方法最简单易用，但安全性较差。

5. 哪种方法最通用？
new Function() 方法最通用，支持所有浏览器，可以处理非标准的 JSON 字符串，安全性也高。