本文實例講述了JSON字符串和JSON對象相互轉(zhuǎn)化的方法。分享給大家供大家參考，具體如下：

將json字符串轉(zhuǎn)換為json對象的方法。在數(shù)據(jù)傳輸過程中，json是以文本，即字符串的形式傳遞的，而JS操作的是JSON對象，所以，JSON對象和JSON字符串之間的相互轉(zhuǎn)換是關(guān)鍵

例如：

JSON字符串:

var str = '{ "name": "name1","sex": "m" }';

JSON對象:

var obj = { "name": "name1", "sex": "w" };

一、JSON字符串轉(zhuǎn)換為JSON對象

要使用上面的str1，必須使用下面的方法先轉(zhuǎn)化為JSON對象：

var obj = eval('(' + str + ')'); 
//由JSON字符串轉(zhuǎn)換為JSON對象,必須把文本包圍在括號中，這樣才能避免語法錯誤: "(" + str+ ")"

或者

var obj = $.parseJSON(str);
// 將JSON字符串轉(zhuǎn)化為JSON對象 (jQuery)

或者

var obj= str.parseJSON();
//由JSON字符串轉(zhuǎn)換為JSON對象

或者

var obj= JSON.parse(str);
//由JSON字符串轉(zhuǎn)換為JSON對象

然后，就可以這樣讀取：

Alert(obj.name);
Alert(obj.sex);

特別注意：如果obj本來就是一個JSON對象，那么使用eval（）函數(shù)轉(zhuǎn)換后（哪怕是多次轉(zhuǎn)換）還是JSON對象，但是使用parseJSON（）函數(shù)處理后會有問題（拋出語法異常）。

二、可以使用toJSONString()或者全局方法JSON.stringify()將JSON對象轉(zhuǎn)化為JSON字符串。

例如：

var str=obj.toJSONString();
//將JSON對象轉(zhuǎn)化為JSON字符

或者

var str=JSON.stringify(obj);
//將JSON對象轉(zhuǎn)化為JSON字符
alert(str);

總結(jié)：

上面我們也看到了在進行類型轉(zhuǎn)化的時候總的來說有兩種，一種是JavaScript自帶的解析器，而另一種就是JSON解析器，其中javascript解析器可以編譯執(zhí)行任何的javascript代碼所以這里隱藏了一個潛在的安全問題而JSON解析器只能識別JSON文本，而不會編譯腳本所以比較安全，而且JSON解析器的速度更快。

上面的幾個方法中，除了eval()函數(shù)是js自帶的之外，其他的幾個方法都來自json.js包。新版本的JSON 修改了 API，將 JSON.stringify() 和 JSON.parse() 兩個方法都注入到了 Javascript的內(nèi)建對象里面，前者變成了 Object.toJSONString()，而后者變成了String.parseJSON()。如果提示找不到toJSONString()和parseJSON()方法，則說明您的json包版本太低。

PS：關(guān)于json操作，這里再為大家推薦幾款比較實用的json在線工具供大家參考使用：

在線JSON代碼檢驗、檢驗、美化、格式化工具：
http://tools.jb51.net/code/json

JSON在線格式化工具：
http://tools.jb51.net/code/jsonformat

在線XML/JSON互相轉(zhuǎn)換工具：
http://tools.jb51.net/code/xmljson

json代碼在線格式化/美化/壓縮/編輯/轉(zhuǎn)換工具：
http://tools.jb51.net/code/jsoncodeformat

在線json壓縮/轉(zhuǎn)義工具：
http://tools.jb51.net/code/json_yasuo_trans

C語言風(fēng)格/HTML/CSS/json代碼格式化美化工具：
http://tools.jb51.net/code/ccode_html_css_json

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題：《JavaScript中json操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

最新評論