js字符串转化成json对象,使用JSON.parse()须要注意的地方

相信大部分人都知道或者去百度检索都会获得将js中的字符串转化成json对象常见的3种方法javascript

举例:java

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

将字符串转化json对象:github

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

经过console.log()将json打印到控制台,无论是使用以上3种哪种方法,都能在chrome控制台看到成功转化的结果:chrome

图片描述

使用JSON.parse()方法来转化json对象,须要注意的坑点是什么?

1.字符串的数据格式json

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

图片描述
图片描述

2.单引号与双引号函数

咱们看到一开始的举例中 var str = '{"name":"小明","age":18}'; 使用单引号来套双引号,若是反过来写呢,如:var str = "{'name':'小明', 'age':18}";(相信也很多人习惯用双引号套单引号)网站

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

图片描述
图片描述

3.兼容问题
IE6/7浏览器中不支持使用JSON.parse()方法转成json对象,因此须要引入一个json2.js文件。能够在这个网站(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错误。

相关文章
相关标签/搜索