本篇文章主要是對JS操作JSON進行了總結介紹,需要的朋友可以過來參考下,希望對大家有所幫助
在JS中將JSON的字符串解析成JSON數據格式,一般有兩種方式:
1.一種為使用eval_r()函數。
2. 使用Function對象來進行返回解析。
在數據傳輸流程中,json是以文本,即字符串的形式傳遞的,而JS操作的是JSON對象,所以,JSON對象和JSON字符串之間的相互轉換是關鍵。例如:
JSON字符串:
var str1 = '{ "name": "cxh", "sex": "man" }';
JSON對象:
var str2 = { "name": "cxh", "sex": "man" };
第一種解決方法:
var dataObj=eval_r("("+data+")");//轉換為json對象
為什麼要 eval這裡要添加 “("("+data+")");//”呢?
原因在於:eval本身的問題。由於json是以”{}”的方式來開始以及結束的,在JS中,它會被當成一個語句塊來處理,所以必須強制性的將它轉換成一種表達式。
加上圓括號的目的是迫使eval函數在處理JavaScript代碼的時候強制將括號內的表達式(expression)轉化為對象,而不是作為語句(statement)來執行。舉一個例子,例如對象字面量{},如若不加外層的括號,那麼eval會將大括號識別為JavaScript代碼塊的開始和結束標記,那麼{}將會被認為是執行了一句空語句。所以下面兩個執行結果是不同的:
alert(eval_r("{}"); // return undefined
alert(eval_r("({})");// return object[Object]
對於這種寫法,在JS中,可以到處看到。
如: (function()) {}(); 做閉包操作時等。
var str1 = '{ "name": "cxh", "sex": "man" }';
var data=eval_r("("+str1+")");//轉換為json對象//data =(new
alert (data.name);//會顯示出cxh
這裡特別需要注意的是方式1中的eval_r()方法是動態執行其中字符串(可能是js腳本)的,這樣很容易會造成系統的安全問題。所以可以采用一些規避了eval_r()的第三方客戶端腳本庫,比如JSON in JavaScript就提供了一個不超過3k的腳本庫。
第二種解決方法:
第二種解析方式就是使用Function對象來完成,它的典型應用就是在JQUERY中的AJAX方法下的success等對於返回數據data的解析
var str1 = '{ "name": "cxh", "sex": "man" }';
var data = (Function("","return "+str1))();
alert (data.name);//會顯示出cxh
詳細出處參考:http://www.jb51.net/article/47401.htm