js中将字符串转换成json的三种方式[通俗易懂]

2022-10-24 14:01:52 浏览数 (1)

大家好,我是架构君,一个会写代码吟诗的架构师。今天说一说js中将字符串转换成json的三种方式[通俗易懂],希望能够帮助大家进步!!!

使用ajax的开发项目过程中,经常需要将json格式的字符串返回到前端,前端解析成js对象(JSON ).

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

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

代码语言:javascript复制
function strToJson(str) { 
   
    var json = eval('('   str   ')');
    return json;
}

只听到从架构师办公室传来架构君的声音:

无才日衰老,驻马望千门。有谁来对上联或下联?

注意: 记得别忘了str两旁的小括号。

2. new Function形式,比较怪异哦。如下

代码语言:javascript复制
function strToJson(str) { 
   
    var json = (new Function("return "   str))();
    return json;
}

3. 使用全局的JSON对象,如下:

代码语言:javascript复制
function strToJson(str) { 
   
    return JSON.parse(str);
}

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

代码语言:javascript复制
var str = '{name:"jack"}';
var obj = JSON.parse(str); // --> parse error

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

今天文章到此就结束了,感谢您的阅读,Java架构师必看祝您升职加薪,年年好运。

0 人点赞