你了解JSON嘛?JSON
是JavaScript中對象嘛?JSON
可以存儲function對象嘛?JSON
的本質是什么呢?JSON
能寫注釋嘛?
如果你都能答上來,那恭喜你,你對JSON
了解的很測底,如果你有寫不太明白,哪有必要和我一起來探討JSON
。
我之前對JSON
的概念也是一知半解,常常和JavaScript的Object對象混淆,所以就導致了很多種種的錯誤,特別是在研究NodeJS
中,有一個叫package.json的文件專門用來存儲json格式的數(shù)據(jù)。如果你在這個文件里面寫注釋,或者存儲函數(shù),最終解析這個文件時就會報錯。
然后自己查閱了些相關的資料,得出些結論。現(xiàn)在拿出來和大家分享一下,同時,假如文章中有紕漏的地方,大家可以幫我指點糾正下。
首先我們來看看官方是怎么描述JSON
的:JSON(JavaScript Object Notation) 是一種輕量級的數(shù)據(jù)交換格式。 易于人閱讀和編寫。同時也易于機器解析和生成。 它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一個子集。 JSON采用完全獨立于語言的文本格式,但是也使用了類似于C語言家族的習慣(包括C, C++, C#, Java, JavaScript, Perl, Python等)。 這些特性使JSON成為理想的數(shù)據(jù)交換語言。參考來源地址:http://www.json.org/json-zh.html。
官方的說法,也不是特別的明了,只說明了這是一種輕量級的數(shù)據(jù)交換格式,且基于JavaScript一個子集。這根本說明不了什么?不過我聯(lián)想到了另外一種數(shù)據(jù)交換格式,那就是xml,這個格式特別在webService中被大量使用。xml是什么呢,其本質是一種DOM結構。對比一下,那json
的本質就是字符串了,不過這個字符串不是不同的字符串,它有一些列的語法和結構。下面我們就介紹下其語法。
常見JSON數(shù)據(jù)結構有兩種形式,其分別是:
首先來看第一種情況:對象是一個無序的“‘名稱/值’對”集合。一個對象以“{”(左括號)開始,“}”(右括號)結束。每個“名稱”后跟一個“:”(冒號);“‘名稱/值’ 對”之間使用“,”(逗號)分隔。
這和JavaScript中的對象字面量比較類似,但是本質上還是有些區(qū)別的。比如對象中的名稱(或者稱為key)是必須用雙引號括起來的。單引號都不行,更別說忽略它了,雖然JavaScript中的對象中的名稱值常常忽略雙引號。比如
{ name : 'test', age : 123, success : function(){ //todo }}
則在JSON中是行不通的。除了"名稱(key)"值有限制外,對象中的"值(value)"也做了限制,比如在JavaScript中的對象字面量中的值可以隨便賦值,不管是字符串、數(shù)組、函數(shù)、整形都是可以的。JSON中的取值可以是雙引號括起來的字符串(string)、數(shù)值(number)、true、false、 null、對象(object)或者數(shù)組(array),
除此之外,這些值以外都會被解析出問題,像剛才頭中提到的,如果給JSON的值賦值一個function
是一個錯誤的行為。
接下來,看看值的有序列表(或者稱為數(shù)組),數(shù)組是值的有序列表,一個數(shù)組以“[”(左中括號)開始,“]”(右中括號)結束。值之間使用“,”(逗號)分隔,并且值的限制情況在上面中已經(jīng)提到。
差不多把語法介紹完了,總結一下,JSON
其本質是一串有意義的字符串數(shù)據(jù)交互格式。呵呵,不知道我定義的正不正確。
在JavaScript中經(jīng)常是要對JSON進行處理的,比如提交一個數(shù)據(jù)前常常需要對其進行序列化處理,從后來拉過來的JSON數(shù)據(jù),我們經(jīng)常要對它進行解析然后得到一個JavaScript對象。可能由于大家經(jīng)常使用一些JavaScript類庫,這些庫對JSON的操作做了封裝,所以造成一種現(xiàn)象,那就是我們只會用,對齊本質,我們了解甚少?,F(xiàn)在我們就拋開類庫,了解其底層的本質。
早期的JSON解析器通過JavaScript中eval()函數(shù)來解析的。直到ECMA5對齊進行了規(guī)范,并且定義了一個全局的JSON對象用來對JSON進行解析和序列化。支持JSON這個全局對象的瀏覽器包括IE8+、FF3.5+、Safari4+、Chrome和Opera10.5+。對于不支持這個對象的瀏覽器比如IE6、IE7怎么做處理呢?
不用擔心,JSON的發(fā)明者早就幫我們實現(xiàn)了兼容的代碼,其地址為:https://github.com/douglascrockford/JSON-js。對于不支持原生的JSON對象的。我們可以引入這段代碼解決兼容性的問題。
JSON有兩個主要方法,用來解決JSON的序列化和解析,其分別是stringfy
和parse
.讓我們分別來看看它們的用法。
ECMA5定義的標準接口如下所示:
/**@param {*} value@param {Function} [replacer]@param {Number|String} [space]@static*/JSON.stringify = function(value,replacer,space) {};
其中對一個參數(shù)是必須滴,而且是我們要進行序列化的對象。示例代碼如下所示:
var obj = { name : 'hello', age : 18}var jsonText = JSON.stringify(obj) //輸出:{"name":"hello","age":18}
第二個參數(shù)是可選項,可以是函數(shù)或者是數(shù)組。如果是數(shù)組,那么數(shù)組中指定是過濾項,以上面例子為例,進行如下調用:
var jsonText = JSON.stringify(obj,["name"]) //輸出: {"name":"hello"}
如果是函數(shù)的話,回調函數(shù)里面的參數(shù)對應Javascript中對象里面的key
和value
值。示例如下:
var jsonText = JSON.stringify(obj,function(key,value){ switch(key) { case "name": return value+" json"; case "age" : return 20; default : return value; }});//輸出 {"name":"hello json","age":20}
第三個參數(shù)也是可選的。用來進行字符串縮進,示例如下:
var jsonText = JSON.stringify(obj,null,4); //按4個空格縮進//輸出的結果不再是單行,而是下面的形式:{ "name" : "hello", "age" : 18}
除了可以設置數(shù)字外,還可以用字符設置縮進,有興趣大家可以嘗試一下。
ECMA5對parse
接口的定義如下:
/**@param {string} jsonString@param {Function} [reviver]@static*/JSON.parse = function(jsonString,reviver) {};
該方法接受兩個參數(shù),其中第二個參數(shù)是可選的。
第一個參數(shù)的作用是待轉換的JSON字符串。比如我們可以將上面的jsonText通過parse還原成原來的Javascript對象。
var obj = JSON.parse(jsonText); //obj為JavaScript對象。
第二個參數(shù)是一個函數(shù),用來更加細微的控制轉換過程。它接受兩個參數(shù),分別對應著JSON數(shù)據(jù)的鍵值對。調用示例如下:
var obj = JSON.parse(jsonText,function(key,value){ //todo });
JSON中文官網(wǎng)
聯(lián)系客服