HTML笔记 杂谈 ·

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

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

var str = '[{"sex":"男","info":"我是好人"},{"sex":"女","info":"我是好人"}]';

 

1. eval方式解析

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

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

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

2. new Function形式

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

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 已实现了该方法,但是这种方式对于json的格式要求很严格。

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

1.2 末尾不能出现逗号,如

var str = '{"sex":"男","info":"我是好人"},{"sex":"女","info":"我是好人",}';

当转换的时候将会报错。

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

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

var str = '[{"sex":"男","info":"我是好人"},{"sex":"女","info":"我是好人"}]';

参与评论