js字符串转换为对象格式

- 日理万妓 2022-05-21 11:29 189阅读 0赞

var str = '\{"name":"小明","age":18\}';

将字符串转化json对象：

1.  var json = JSON.parse(str);
2.  var json = eval("(" + str + ")");
3.  var json = (new Function("return " + str))();

通过console.log()将json打印到控制台，不管是使用以上3种哪一种方法，都能在chrome控制台看到成功转化的结果：

![图片描述][bVE46O_w_339_h_38]

## 使用JSON.parse()方法来转化json对象，需要注意的坑点是什么？ ##

**1.字符串的数据格式**

以上举例 str = '\{"name":"小明","age":18\}'; 属性name和age都用双引号引住，  
有的人可能会习惯写成对象形式的字符串，如：str = '\{name:"小明",age:18\}';  
结果使用JSON.parse()来转化会报错，因为使用JSON.parse需严格遵守JSON规范。

![图片描述][bVE466_w_382_h_78]  
![图片描述][bVE47b_w_604_h_40]

**2.单引号与双引号**

我们看到一开始的举例中 var str = '\{"name":"小明","age":18\}'; 使用单引号来套双引号，如果反过来写呢，如：var str = "\{'name':'小明', 'age':18\}";（相信也不少人习惯用双引号套单引号）

结果使用JSON.parse()来转化也会报错

![图片描述][bVE47z_w_408_h_77]  
![图片描述][bVE47b_w_604_h_40]

**3.兼容问题**  
IE6/7浏览器中不支持使用JSON.parse()方法转成json对象，所以需要引入一个json2.js文件。可以在这个网站（[https://github.com/douglascro...][https_github.com_douglascro...]）去下载对象文件。

最后总结来说，如果使用JSON.parse()方法来转化成json对象的数据格式的话，需要注意的是被转化的字符串里面的属性要使用引号，并且总体是单引号套双引号的方式，以及IE6/7浏览器是不支持该方法。

当然，如果你使用eval()或者new Function()的方式来转化，那就完全可以忽略上述的这两点需要注意的地方～(￣▽￣～)(～￣▽￣)～哈哈

--------------------

附：

**eval() 函数可将字符串转换为代码执行，并返回一个或多个值**

eval调用时，实例为eval( "( javascript代码 )" )

var str = "function()\{alert('a');\}“;

str = eval("("+str+")");

str();

--------------------

**eval()的返回值**

eval()的返回值遵循以下规则：

1.如果eval()的参数不是字符串，那么eval()将直接返回参数。

2.如果eval()的参数是字符串，那么eval()将这个字符串解析成代码后进行执行，并返回最后一行代码执行的结果。

3.如果字符串无法解析成合法的代码，eval()将抛出SyntaxError错误

[bVE46O_w_339_h_38]: /images/20220521/08aa019faed544518fd95d1f48cf63e7.png
[bVE466_w_382_h_78]: /images/20220521/77616d1a691042eea55b011067475c1c.png
[bVE47b_w_604_h_40]: /images/20220521/f3dc5fad21e3498f9451a39bfc03e56b.png
[bVE47z_w_408_h_77]: /images/20220521/7d887c1b9f374bc0981110d3dda44b79.png
[https_github.com_douglascro...]: https://github.com/douglascrockford/JSON-js