前往小程序,Get更优阅读体验!
立即前往
发布
社区首页 >专栏 >js中将字符串转换成json的三种方式[通俗易懂]

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

作者头像
Java架构师必看
发布2022-10-24 14:01:52
发布2022-10-24 14:01:52
1.3K00
代码可运行
举报
文章被收录于专栏:Java架构师必看Java架构师必看
运行总次数:0
代码可运行

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

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

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

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

代码语言:javascript
代码运行次数:0
复制
function strToJson(str) { 
   
    var json = eval('(' + str + ')');
    return json;
}

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

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

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

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

代码语言:javascript
代码运行次数:0
复制
function strToJson(str) { 
   
    var json = (new Function("return " + str))();
    return json;
}

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

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

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

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

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

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-10-082,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. eval方式解析,恐怕这是最早的解析方式了。如下:
  • 2. new Function形式,比较怪异哦。如下
  • 3. 使用全局的JSON对象,如下:
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档