JSON(JavaScript Object Notation, JS 物件標記) 是一種輕量級的資料交換格式。它基於 ECMAScript (w3c制定的js規範)的一個子集，採用完全獨立於程式語言的文字格式來儲存和表示資料。簡潔和清晰的層次結構使得 JSON 成為理想的資料交換語言。 易於人閱讀和編寫，同時也易於機器解析和生成，並有效地提升網路傳輸效率。

JSON 語法

       JSON 語法規則

在 JS 語言中，一切都是物件。因此，任何支援的型別都可以通過 JSON 來表示，例如字串、數字、物件、陣列等。但是物件和陣列是比較特殊且常用的兩種型別：

物件表示為鍵值對

資料由逗號分隔

花括號儲存物件

方括號儲存陣列

JSON 鍵/值對

JSON 鍵值對是用來儲存 JS 物件的一種方式，和 JS 物件的寫法也大同小異，鍵/值對組合中的鍵名寫在前面並用雙引號 "" 包裹，使用冒號 : 分隔，然後緊接著值：

1

{"firstName": "Json"}

這很容易理解，等價於這條 JavaScript 語句：

1

{firstName : "Json"}

JSON 與 JS 物件的關係

很多人搞不清楚 JSON 和 Js 物件的關係，甚至連誰是誰都不清楚。其實，可以這麼理解：

JSON 是 JS 物件的字串表示法，它使用文字表示一個 JS 物件的資訊，本質是一個字串。

如

1

var obj = {a: 'Hello', b: 'World'}; //這是一個物件，注意鍵名也是可以使用引號包裹的

1

var json = '{"a": "Hello", "b": "World"}'; //這是一個 JSON 字串，本質是一個字串

JSON 和 JS 物件互轉

要實現從物件轉換為 JSON 字串，使用 JSON.stringify() 方法：

1

var json = JSON.stringify({a: 'Hello', b: 'World'}); //結果是 '{"a": "Hello", "b": "World"}'

要實現從 JSON 轉換為物件，使用 JSON.parse() 方法：

1

var obj = JSON.parse('{"a": "Hello", "b": "World"}'); //結果是 {a: 'Hello', b: 'World'

在 JS 語言中，一切都是物件。因此，任何支援的型別都可以通過 JSON 來表示，例如字串、數字、物件、陣列等。但是物件和陣列是比較特殊且常用的兩種型別。

物件：物件在 JS 中是使用花括號包裹 {} 起來的內容，資料結構為 {key1：value1, key2：value2, ...} 的鍵值對結構。在面向物件的語言中，key 為物件的屬性，value 為對應的值。鍵名可以使用整數和字串來表示。值的型別可以是任意型別。

陣列：陣列在 JS 中是方括號 [] 包裹起來的內容，資料結構為 ["java", "javascript", "vb", ...] 的索引結構。在 JS 中，陣列是一種比較特殊的資料型別，它也可以像物件那樣使用鍵值對，但還是索引使用得多。同樣，值的型別可以是任意型別。

和XML的比較

可讀性

JSON和XML的可讀性可謂不相上下，一邊是簡易的語法，一邊是規範的標籤形式，很難分出勝負。

可擴充套件性

XML天生有很好的擴充套件性，JSON當然也有，沒有什麼是XML可以擴充套件而JSON卻不能擴充套件的。不過JSON在Javascript主場作戰，可以儲存Javascript複合物件，有著xml不可比擬的優勢。

編碼難度

XML有豐富的編碼工具，比如Dom4j、JDom等，JSON也有提供的工具。無工具的情況下，相信熟練的開發人員一樣能很快的寫出想要的xml文件和JSON字串，不過，xml文件要多很多結構上的字元。

解碼難度

XML的解析方式有兩種：

一是通過文件模型解析，也就是通過父標籤索引出一組標記。例如：xmlData.getElementsByTagName("tagName")，但是這樣是要在預先知道文件結構的情況下使用，無法進行通用的封裝。

另外一種方法是遍歷節點（document 以及 childNodes）。這個可以通過遞迴來實現，不過解析出來的資料仍舊是形式各異，往往也不能滿足預先的要求。

凡是這樣可擴充套件的結構資料解析起來一定都很困難。

JSON也同樣如此。如果預先知道JSON結構的情況下，使用JSON進行資料傳遞簡直是太美妙了，可以寫出很實用美觀可讀性強的程式碼。如果你是純粹的前臺開發人員，一定會非常喜歡JSON。但是如果你是一個應用開發人員，就不是那麼喜歡了，畢竟xml才是真正的結構化標記語言，用於進行資料傳遞。

而如果不知道JSON的結構而去解析JSON的話，那簡直是噩夢。費時費力不說，程式碼也會變得冗餘拖沓，得到的結果也不盡人意。但是這樣也不影響眾多前臺開發人員選擇JSON。因為json.js中的toJSONString()就可以看到JSON的字串結構。當然不是使用這個字串，這樣仍舊是噩夢。常用JSON的人看到這個字串之後，就對JSON的結構很明瞭了，就更容易的操作JSON。

以上是在Javascript中僅對於資料傳遞的xml與JSON的解析。在Javascript地盤內，JSON畢竟是主場作戰，其優勢當然要遠遠優越於xml。如果JSON中儲存Javascript複合物件，而且不知道其結構的話，我相信很多程式設計師也一樣是哭著解析JSON的。

除了上述之外，JSON和XML還有另外一個很大的區別在於有效資料率。JSON作為資料包格式傳輸的時候具有更高的效率，這是因為JSON不像XML那樣需要有嚴格的閉合標籤，這就讓有效資料量與總資料包比大大提升，從而減少同等資料流量的情況下，網路的傳輸壓力。

開始學習：JSON 自學手冊

更多精品課程點選：阿里雲大學