首頁  >  文章  >  web前端  >  JSON字串與物件之間的轉換詳解_json

JSON字串與物件之間的轉換詳解_json

WBOY
WBOY原創
2016-05-16 15:57:551145瀏覽

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轉為字串。

以上所述就是本文的全部內容了希望大家能夠喜歡。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn