从string转成json

随着Web应用的不断发展和演进，前后端交互数据格式越来越复杂，而JSON（JavaScript Object Notation）这种轻量级的数据交换格式因为格式简洁、易于阅读和编写，逐渐成为前后端交互的主流格式。在前端开发中，我们通常需要将字符串转换成JSON格式的数据对象，接下来我们将从多个方面对string转成JSON做详细的阐述。

一、JSON.parse()方法

我们可以使用JSON.parse()方法将一个符合JSON格式的字符串转换成JSON对象。该方法可以接收两个参数：需要转换的字符串和一个可选的reviver函数。reviver函数可以用来在转换过程中对生成的JSON对象进行修改。该方法会抛出异常，如果传入的不是一个有效的JSON字符串。

const jsonStr = '{"name": "小明", "age": 18}';
const jsonObj = JSON.parse(jsonStr);
console.log(jsonObj.name); // '小明'
console.log(jsonObj.age); // 18

上述代码将jsonStr字符串转换为jsonObj对象，我们可以通过访问jsonObj对象中的属性来取得相应的值。

二、使用eval函数

eval函数可以执行js代码，我们可以利用这个特性将JSON字符串转换成对应的JSON对象。但是需要注意的是，因为eval函数存在安全隐患，所以不推荐使用，并且在严格模式下无法使用。

const jsonStr = '{"name": "小明", "age": 18}';
const jsonObj = eval("(" + jsonStr + ")");
console.log(jsonObj.name); // '小明'
console.log(jsonObj.age); // 18

上述代码将jsonStr字符串转换为jsonObj对象。我们需要将JSON字符串传入一个括号中，这么做是因为JSON字符串只不过是一个JavaScript对象字面量的表现形式，并不是一个完整的JS语句。如果不加括号将无法正确解析。

三、使用Function构造函数

Function构造函数可以接收多个字符串参数，这些字符串将组成一个新的函数体，然后将这个函数体作为一个函数返回。我们可以利用这个特性将JSON字符串转换成对应的JSON对象。但是同样需要注意安全隐患，不推荐使用。

const jsonStr = '{"name": "小明", "age": 18}';
const funcStr = 'return ' + jsonStr;
const jsonObj = new Function(funcStr)();
console.log(jsonObj.name); // '小明'
console.log(jsonObj.age); // 18

上述代码将jsonStr字符串转换为jsonObj对象。首先我们构造了一个函数体字符串，然后用 Function 构造函数创建了一个函数，并返回执行这个函数的结果，最终得到了对应的JSON对象。

四、使用第三方库

为了方便开发，我们可以使用一些现成的第三方库来转换字符串到JSON对象。下面是一些常用的库。

4.1 jQuery.parseJSON()

jQuery库提供了 $.parseJSON()方法可以用来转换符合JSON格式的字符串。该方法可以避免一些不安全的情况，因为会先检查JSON字符串是否合法。该方法相当于JSON.parse()方法。

const jsonStr = '{"name": "小明", "age": 18}';
const jsonObj = $.parseJSON(jsonStr);
console.log(jsonObj.name); // '小明'
console.log(jsonObj.age); // 18

4.2 Lodash库的_.parseJSON()

Lodash库提供了 _().parseJSON()方法可以用来转换符合JSON格式的字符串。该方法会抛出异常，如果传入的不是一个有效的JSON字符串。该方法相当于JSON.parse()方法。

const jsonStr = '{"name": "小明", "age": 18}';
const jsonObj = _().parseJSON(jsonStr).value();
console.log(jsonObj.name); // '小明'
console.log(jsonObj.age); // 18

4.3 ES6中的JSON.parse()

现代浏览器普遍支持ES6的JSON对象，其中包含JSON.parse()方法。该方法和jQuery.parseJSON()方法一样，能够检查传入的JSON字符串是否合法，提供了更精细的错误处理。

const jsonStr = '{"name": "小明", "age": 18}';
const jsonObj = JSON.parse(jsonStr);
console.log(jsonObj.name); // '小明'
console.log(jsonObj.age); // 18

五、注意事项

在使用JSON.parse()方法时，需要注意以下几点：

5.1. JSON字符串的格式必须合法

否则，将无法正确转换成对应的JSON对象。

5.2. JSON字符串中不能包含回车符或换行符

因为这些字符无法被解析。

5.3. 注意JSON字符串中的引号

JSON字符串中的字符串必须使用双引号，而不能使用单引号。

总结

本文介绍了多种将字符串转换成JSON对象的方式，包括使用JSON.parse()方法、eval函数、Function构造函数以及第三方库，还介绍了注意事项。在实际开发中，我们需要根据具体情况选择合适的方式。同时，我们还需要注意传入的JSON字符串是否合法，以及JSON字符串中的引号必须使用双引号。

原创文章，作者：GPIRL，如若转载，请注明出处：https://www.506064.com/n/332185.html