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

本文介绍了在前端开发中解析JSON格式字符串的三种常见方法:eval、new Function及JSON.parse,并对比了它们在不同场景下的适用性和限制。同时,强调了JSON.parse在遵循JSON规范方面的严格要求。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Uploading file...

使用ajax的开发项目过程中,经常需要将json格式的字符串返回到前端,前端解析成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/UsingJSONin_Firefox

使用JSON.parse需严格遵守JSON规范,如属性都需用引号引起来,如下

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值