前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >javascript将字符串转换成json的三种方式

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

作者头像
OECOM
发布2020-07-02 11:25:13
9.5K0
发布2020-07-02 11:25:13
举报
文章被收录于专栏:OECOMOECOM

使用ajax的开发项目过程中,经常需要将json格式的字符串返回到前端,前端解析成js对象(JSON )。如果直接以json的格式返回则方便很多,有时候通过后台直接写到页面中则会以字符串的方式存在,那么就用到了将字符串转换为json格式。下面例子下面这段json字符串为例

代码语言:javascript
复制
var str = '[{"sex":"男","info":"我是好人"},{"sex":"女","info":"我是好人"}]';

1. eval方式解析

恐怕这是最早的解析方式了。如果此json字符串中没有包含最外层的中括号,则代码应如下:

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

不要忽略了str旁边的中括号。如果字符串中已经包含了中括号了,则此时不在需要添加了,可将中括号改为小括号或索性不填

2. new Function形式

这种方式比较怪异。如果此json字符串中没有包含最外层的中括号,则代码应如下:

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

和第一个方式相同,不要忽略了中括号,如果字符串中已经包含了中括号了,则此时不在需要添加了,可将中括号改为小括号或索性不填

3. 使用全局的JSON对象

代码如下:

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

目前 IE8(S)/Firefox3.5+/Chrome4/Safari4/Opera10 已实现了该方法,但是这种方式对于json的格式要求很严格。

1.1 属性都需用双引号引起来,注意是双引号,如最上面的str。

1.2 末尾不能出现逗号,如

代码语言:javascript
复制
var str = '{"sex":"男","info":"我是好人"},{"sex":"女","info":"我是好人",}';

当转换的时候将会报错。

所以使用JSON.parse()的条件比较苛刻,使用时需要注意。

在此再给出一次正确的json字符串格式

代码语言:javascript
复制
var str = '[{"sex":"男","info":"我是好人"},{"sex":"女","info":"我是好人"}]';
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2016-12-12,如有侵权请联系 cloudcommunity@tencent.com 删除

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. eval方式解析
  • 2. new Function形式
  • 3. 使用全局的JSON对象
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档