js中将字符串转换成json的三种方式

ECMA-262(E3) 中没有将JSON概念写到标准中,还好在 ECMA-262(E5) 中JSON的概念被正式引入了,包括全局的JSON对象和Date的toJSON方法。

1,eval方式解析,恐怕这是最早的解析方式了。如下:

复制代码代码如下:

function strToJson(str){ 
var json = eval('(' + str + ')'); 
return json; 


记得别忘了str两旁的小括号。 
2,new Function形式,比较怪异哦。如下 
复制代码代码如下:

function strToJson(str){ 
var json = (new Function("return " + str))(); 
return json; 


3,使用全局的JSON对象,如下: 
复制代码代码如下:

function strToJson(str){ 
return JSON.parse(str); 


目前 IE8(S)/Firefox3.5+/Chrome4/Safari4/Opera10 已实现了该方法,以下是部分资料: http://blogs.msdn.com/ie/archive/2008/09/10/native-json-in-ie8.aspx   https://developer.mozilla.org/en/Using_JSON_in_Firefox  
使用JSON.parse需严格遵守JSON规范,如属性都需用引号引起来,如下
复制代码代码如下:

var str = '{name:"jack"}'; 
var obj = JSON.parse(str); // --> parse error 

name没有用引号引起来,使用JSON.parse所有浏览器中均抛异常,解析失败。而前两种方式则没问题。 

另见:Chrome中JSON.parse的特殊实现



IE8/Firefox3.5+/Chrome4/Safari4/Opera10 已实现该方法。使用方式很简单: 

复制代码代码如下:

var str = '{"name":"jack"}'; 
var json = JSON.parse(str); 
alert(json.name); 

在以上实现该方法的浏览器中都会弹出“jack”。 
如果给Object.prototype添加一个解析json的方法(某人可能会强烈反对这么干污染了原生对象,这里纯粹为了讨论) 
复制代码代码如下:

Object.prototype.parseJSON = function () { 
return JSON.parse(this); 


因为所有的对象都继承了Object的方法,这时候可以直接这么用了, 
复制代码代码如下:

var str = '{"name":"jack"}'; 
var json = str.parseJSON(); 
alert(json.name); 

str.parseJSON()时,parseJSON内部的this就指向了str。这时候并非所有浏览器都能解析成功。 

IE8/Firefox/Safari/Opera仍然会弹出“jack”,Chrome中则报错了:Uncaught illegal access。 
为什么这样写Chrome就不支持呢?比较两种方式,传给JSON.parse的参数一个是字符串str,一个是this。貌似这两个没区别? 
当str.parseJSON()时,parseJSON内部的this指向了应该就是str。修改下parseJSON方法: 
复制代码代码如下:

Object.prototype.parseJSON = function () { 
alert(typeof this); 
return JSON.parse(this); 
}; 

重新执行,可以发现parseJSON弹出的是object,可能这就是区别了。直接new一个字符串就能看到明显的效果了 
复制代码代码如下:

var js = JSON.parse(new String('{"name":"jack"}')); 
alert(js.name); 

以上代码除Chrome报错外,其它浏览器均执行正常。 
基本得出结论: 
Chrome中,JSON.parse的第一个参数只能是字符串,不能是对象(包括new String方式也不支持) 
再回到上面给Object.prototype添加一个解析json的方法,如果要兼容所有浏览器,可以这么写: 
复制代码代码如下:

Object.prototype.parseJSON = function () { 
return JSON.parse(this.toString()); 

var str = '{"name":"jack"}'; 
var json = str.parseJSON(); 
alert(json.name); 

2010-10-09 : 该BUG在Chrome6中已经修复.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值