使用js進行string和json之間轉換的方法
在數據傳輸過種中,json是以文本,即字符串的形式傳遞,字符串形似Json對象: var str1 = '{ "name": "Amy", "sex": "woman" }'; console.log(typeof str1); 經實驗類型是string;
而在實際的項目中如果想獲取其中的name和sex的值時要使用Json對象,通過str1.name、str1.sex這樣的方式來獲取,這樣就須把string類型轉換成Json對象。
一、string類型轉換成Json對象方法
1、Javascript支持的轉換方式:eval
eval('(' + jsonstr + ')');
注意:需要在json字符外包裹一對小括號,ie8(兼容模式),ie7和ie6也可以使用eval()將字符串轉爲JSON對象,但不推薦這些方式;缺點是不安全,eval會執行json串中的表達式。
2、瀏覽器支持的轉換方式(Firefox,chrome,opera,safari,ie9,ie8)等瀏覽器:
JSON.parse(jsonstr); //可以將json字符串轉換成json對象
相反瀏覽器也提供了將Json對象轉換成string類型的方法:
JSON.stringify(jsonstr);//可以將json對象轉換成json對符串
3、jQuery插件支持的轉換方式:
$.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以將json字符串轉換成json對象
4、JSON官方的轉換方式:
http://www.json.org/提供了一個json.js,這樣ie8(兼容模式),ie7和ie6就可以支持JSON對象以及其stringify()和parse()方法;
可以在https://github.com/douglascrockford/JSON-js上獲取到這個js,一般現在用json2.js。
二、Json對象轉換成String字符串方法
上面提到的瀏覽器支持的轉換方式JSON.stringify(str):
JSON.stringify(jsonstr);//可以將json對象轉換成json對符串
將後臺數據返回的兩類數據轉換成鍵值對應的json格式,方便查找
var $urlsMap = new Array();
$.get("home/frame/list",{},function (res){
var mainArr,childArr,$urlsHash,$urlsName;
mainArr = res;
var str = "{";
for( var i in mainArr )
{//遍歷所得的json
//獲得所有child
childArr = mainArr[i].child;
for( var j in childArr )
{//遍歷所有child
if(childArr[j])
{//判斷child是否存在
//獲取當前child的url值
$urlsHash = childArr[j].url;
//獲取當前child的title值
$urlsName = childArr[j].title;
//{"name":["value"],"name":["value"]}
var arr = '"' + [ $urlsHash + '"' +
':' +
'"' + $urlsName + '"' ];
str += arr+",";
}
}
}
str += "}";
$urlsMap = StrToJSON(str);
},'json');
/*str轉換成json*/
function StrToJSON(str) {
json = eval('('+str+')');
return json;
}