萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> JS操作JSON詳細總結

JS操作JSON詳細總結

  本篇文章主要是對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

copyright © 萬盛學電腦網 all rights reserved