JSON字符串和對(duì)象之間的轉(zhuǎn)換詳解

2024-04-27 15:12:53

字體：大中小

供稿：網(wǎng)友

JSON（javaScript Object Notation）是Javascript編程語(yǔ)言的一個(gè)子集。正因JSON是JavaScript的一個(gè)子集，所以它可清晰的運(yùn)用于此語(yǔ)言中。

eval函數(shù) JSON文本轉(zhuǎn)換為對(duì)象

為了將JSON文本轉(zhuǎn)換為對(duì)象，可以使用eval函數(shù)。eval函數(shù)調(diào)用JavaScript編輯器。由于JSON是JavaScript的子集，因此編譯器將正確的解析文本并產(chǎn)生對(duì)象結(jié)構(gòu)。文本必須括在括號(hào)中避免產(chǎn)生JavaScript的語(yǔ)法歧義。var obj = eval('(' + JSONTest + ')');eval函數(shù)非?？焖?。它可以編譯執(zhí)行任何JavaScript程序，因此產(chǎn)生了安全性問(wèn)題。當(dāng)使用可信任與完善的源代碼時(shí)才可以使用eval函數(shù)。這樣可以更安全的解析JSON文本。使用xmlHttp的web應(yīng)用，頁(yè)面之間的通訊只允許同源，因此是可以信任的。但這卻不是完善的。如果服務(wù)器沒(méi)有嚴(yán)謹(jǐn)?shù)腏SON編碼，或者沒(méi)有嚴(yán)格的輸入驗(yàn)證，那么可能傳送包括危險(xiǎn)腳本的無(wú)效JSON文本。eval函數(shù)將執(zhí)行惡意的腳本。

JSON解釋器 JSON.parse、JSON.stringify

使用JSON解析器可以防止像eval函數(shù)轉(zhuǎn)換JSON文本為對(duì)象那樣的安全隱患。JSON解析器只能辨識(shí)JSON文本，拒絕所有腳本。提供了本地JSON支持的瀏覽器的JSON解析器將遠(yuǎn)快于eval函數(shù)。

目前，Firefox、Opera、IE8以上版本也提供了本地JSON支持。其中，JSON解釋器提供的函數(shù)有：JSON.parse、JSON.stringify。

對(duì)于那些并不提供本地JSON支持的瀏覽器可以引入腳本json2.js，來(lái)實(shí)現(xiàn)JSON轉(zhuǎn)換功能。json2.js腳本可到https://github.com/douglascrockford/JSON-js/blob/master/json2.js頁(yè)面下載。

JSON.parse 函數(shù)

將JSON文本轉(zhuǎn)換為對(duì)象。JSON.parse(text[, reviver])參數(shù)text必選項(xiàng)。要轉(zhuǎn)換為對(duì)象的JSON文本。reviver可選項(xiàng)。該參數(shù)是個(gè)替換函數(shù)。在轉(zhuǎn)換中，遍歷的每個(gè)節(jié)點(diǎn)，都將執(zhí)行該函數(shù)，該函數(shù)的返回值將替代轉(zhuǎn)換結(jié)果的相應(yīng)節(jié)點(diǎn)值。

JSON.stringify 函數(shù)

將對(duì)象轉(zhuǎn)換為JSON文本。JSON.stringify(value[, replacer[, space]])參數(shù)text必選項(xiàng)。要轉(zhuǎn)換為JSON文本的對(duì)象。reviver可選項(xiàng)。該參數(shù)是個(gè)替換函數(shù)。在轉(zhuǎn)換中，遍歷的每個(gè)節(jié)點(diǎn)，都將執(zhí)行該函數(shù)，該函數(shù)的返回值將替代轉(zhuǎn)換結(jié)果的相應(yīng)節(jié)點(diǎn)值。space可選項(xiàng)。格式化輸出JSON文本縮進(jìn)的空格數(shù)量。如果不提供該參數(shù)將不會(huì)格式化輸出。參數(shù)reviver的委托類型reviver(key, value)reviver函數(shù)的中的this是當(dāng)前所遍歷到的節(jié)點(diǎn)的父節(jié)點(diǎn)。當(dāng)所遍歷的是根節(jié)點(diǎn)的時(shí)候，父節(jié)點(diǎn)是個(gè)Object對(duì)象，根節(jié)點(diǎn)是該對(duì)象的一個(gè)屬性，屬性名是空字符串。參數(shù)key當(dāng)父節(jié)點(diǎn)是數(shù)組Object，key為數(shù)組索引，否則key為Object屬性名。value節(jié)點(diǎn)值。注：JSON不支持循環(huán)數(shù)據(jù)結(jié)構(gòu)。

jQuery.parseJSON( jsonTex )

jQuery中也有將字符串轉(zhuǎn)為JSON格式的方法jQuery.parseJSON( json )，接受一個(gè)標(biāo)準(zhǔn)格式的 JSON 字符串，并返回解析后的 JavaScript （JSON）對(duì)象。當(dāng)然如果有興趣可以自己封裝一個(gè)jQuery擴(kuò)展，jQuery.stringifyJSON(obj)將JSON轉(zhuǎn)為字符串。

1:JS對(duì)象轉(zhuǎn)換成為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通過(guò) JSON 字符串來(lái)創(chuàng)建對(duì)象：

var txt=(JSON字符串)

obj = JSON.parse(txt);

<html><body><h2>通過(guò) JSON 字符串來(lái)創(chuàng)建對(duì)象</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>

結(jié)果：