JavaScript物件與JSON字串的相互轉換

阿新 • • 發佈：2019-02-10

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文字轉換為物件。
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.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>

來自：http://blog.163.com/[email protected]/blog/static/171747707201110835533963/

JavaScript物件與JSON字串的相互轉換

JSON物件與JSON字串相互轉換

JavaScript物件與JSON字串的相互轉換

C 物件與JSON字串互相轉換的幾種方式

java 物件與json字串互相轉換工具類

前端頁面Json物件與Json字串的相互轉換

JSON物件與JSON字串之間的轉換

Json物件與Json字串的轉化、JSON字串與Java物件的轉換

js中處理json Json物件與Json字串的轉化、JSON字串與Java物件的轉換

Json物件與Json字串互轉(4種轉換方式)

探索java與安卓中json物件與json字串之間的關係

Json物件與Json字串的轉化

C/C++中ASCII與Unicode字串相互轉換

XMLHttpRequest() 請求返回結果JSON 物件與JSON 字串處理

springmvc之Jackson實現po物件與Json字串的互轉

gson小試牛刀——複雜物件和JSON字串相互轉化

使用Gson將類和json字串相互轉換

java物件與json字串互轉

json工具類：object與json的相互轉換, listjson的相互轉換

PHP圖片與base64字串相互轉換函式

將圖片(二進位制檔案)儲存於資料庫，論檔案位元組流與二進位制字串相互轉換

JavaScript物件與JSON字串的相互轉換

相關推薦