JavaScript對象與JSON字符串的相互轉換


    JSON(JavaScript Object Notation) 是JavaScript編程語言的一個子集。正因JSON是JavaScript的一個子集,所以它可清晰的運用於此語言中。
eval函數 JSON文本轉換為對象
    為了將JSON文本轉換為對象,可以使用eval函數。eval函數調用JavaScript編輯器。由於JSON是JavaScript的子集,因此編譯器將正確的解析文本並產生對象結構。文本必須括在括號中避免產生JavaScript的語法歧義。
var obj = eval('(' + JSONTest + ')');
    eval函數非常快速。它可以編譯執行任何JavaScript程序,因此產生了安全性問題。當使用可信任與完善的源代碼時才可以使用eval函數。這樣可以更安全的解析JSON文本。使用XmlHttp的web應用,頁面之間的通訊只允許同源,因此是可以信任的。但這卻不是完善的。如果服務器沒有嚴謹的JSON編碼,或者沒有嚴格的輸入驗證,那么可能傳送包括危險腳本的無效JSON文本。eval函數將執行惡意的腳本。
JSON解釋器 JSON.parse、JSON.stringify
    使用JSON解析器可以防止像eval函數轉換JSON文本為對象那樣的安全隱患。JSON解析器只能辨識JSON文本,拒絕所有腳本。提供了本地JSON支持的瀏覽器的JSON解析器將遠快於eval函數。
目前,Firefox、Opera、IE8以上版本也提供了本地JSON支持。其中,JSON解釋器提供的函數有:JSON.parse、JSON.stringify。
    對於那些並不提供本地JSON支持的瀏覽器可以引入腳本json2.js,來實現JSON轉換功能。json2.js腳本可到https://github.com/douglascrockford/JSON-js/blob/master/json2.js頁面下載。
JSON.parse 函數
將JSON文本轉換為對象。
JSON.parse(text[, reviver])
參數
text
   必選項。要轉換為對象的JSON文本。
reviver
   可選項。該參數是個替換函數。在轉換中,遍歷的每個節點,都將執行該函數,該函數的返回值將替代轉換結果的相應節點值。
JSON.stringify 函數
將對象轉換為JSON文本。
JSON.stringify(value[, replacer[, space]])
參數
text
必選項。要轉換為JSON文本的對象。
reviver
   可選項。該參數是個替換函數。在轉換中,遍歷的每個節點,都將執行該函數,該函數的返回值將替代轉換結果的相應節點值。
space
   可選項。格式化輸出JSON文本縮進的空格數量。如果不提供該參數將不會格式化輸出。
參數reviver的委托類型
reviver(key, value)
reviver函數的中的this是當前所遍歷到的節點的父節點。當所遍歷的是根節點的時候,父節點是個Object對象,根節點是該對象的一個屬性,屬性名是空字符串。
參數
key
   當父節點是數組Object,key為數組索引,否則key為Object屬性名。
value
   節點值。
注:JSON不支持循環數據結構。
JSON.parse、JSON.stringify使用示例
<script type="text/javascript">
function InventoryItem(parm) {
   this.Product = parm.Product
   this.Quantity = parm.Quantity;
   this.Price = parm.Price;
   this.Type = parm.Type;
   this.Total = function() {
      return this.Price * this.Quantity;
   }
}

function Inventory(parm) {
   this.Date = parm.Date;
   this.Item = parm.Item;
   this.Type = parm.Type;
   this.Total = function() {
      var count = 0;
      for (var key in this.Item) {
         count += this.Item[key].Total();
      }
      return count;
   }
}

var inventoryJSONText = "{\"Date\":\"2000-01-01\",\"Item\":[{\"Product\":\"ProductOne\",\"Quantity\":\"10\",\"Price\":\"10\",\"Type\":\"InventoryItem\"},{\"Product\":\"ProductTwo\",\"Quantity\":\"100\",\"Price\":\"20\",\"Type\":\"InventoryItem\"}],\"Type\":\"Inventory\"}";

//將JSON文本轉換為對象,並將一般類的實例改成偽類的實例。
var inventoryObject = JSON.parse(inventoryJSONText, function(key, value) {
   var type;
   if (value && typeof value === 'object') {
      type = value.Type;
      if (typeof type === 'string' && typeof window[type] === 'function') {
         return new (window[type])(value);
      }
   }
   return value;
});

//輸出轉換后對象的信息。
var output = "Product\t\tQuantity\tPrice\tTotal\n";
for (var key in inventoryObject.Item) {
   var item = inventoryObject.Item[key];
   output += item.Product + "\t" + item.Quantity + "\t\t" + item.Price + "\t" + item.Total() + "\n";
}
output += "\t\t\t\t\t" + inventoryObject.Total();
alert(output);

//再將inventoryObject對象轉換成JSON文本。
var inventoryJSONTextAgain = JSON.stringify(inventoryObject, null, 3);
alert(inventoryJSONTextAgain);
</script>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM