JSON字符串和對象之間的轉換詳解

2024-04-27 15:12:53

字體：大中小

來源：轉載

供稿：網友

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不支持循環數據結構。

jQuery.parseJSON( jsonTex )

jQuery中也有將字符串轉為JSON格式的方法jQuery.parseJSON( json )，接受一個標準格式的 JSON 字符串，并返回解析后的 JavaScript （JSON）對象。當然如果有興趣可以自己封裝一個jQuery擴展，jQuery.stringifyJSON(obj)將JSON轉為字符串。

1:JS對象轉換成為JSON

var jsonData = {};jsonData.MainCmdID = 1;jsonData.SubCmdID = 1;var toStr = JSON.stringify(jsonData);alert(toStr);

例子：

var student = new Object(); student.name = "Lanny"; student.age = "25"; student.location = "China"; var json = JSON.stringify(student); alert(json);

2通過 JSON 字符串來創建對象：

var txt=(JSON字符串)

obj = JSON.parse(txt);

<html><body><h2>通過 JSON 字符串來創建對象</h3><p>First Name: <span id="fname"></span><br /> Last Name: <span id="lname"></span><br /> </p> <script type="text/javascript">var txt = '{"employees":[' +'{"firstName":"Bill","lastName":"Gates" },' +'{"firstName":"George","lastName":"Bush" },' +'{"firstName":"Thomas","lastName":"Carter" }]}';obj = JSON.parse(txt);document.getElementById("fname").innerHTML=obj.employees[1].firstName document.getElementById("lname").innerHTML=obj.employees[1].lastName </script></body></html>

結果：