json數據轉化及應用

JSON(JavaScript Object Notation) 是一種輕量級的數據交換格式。

JSON建構於兩種結構：

1. 「名稱/值」對的集合（A collection of name/value pairs）。不一樣的語言中，它被理解爲對象（object），記錄（record），結構（struct），字典（dictionary），哈希表（hash table），有鍵列表（keyed list），或者關聯數組 （associative array）。

2. 值的有序列表（An ordered list of values）。在大部分語言中，它被理解爲數組（array）。

 

基礎示例

簡單地說，JSON 能夠將 JavaScript 對象中表示的一組數據轉換爲字符串，而後就能夠在函數之間輕鬆地傳遞這個字符串，或者在異步應用程序中將字符串從 Web 客戶機傳遞給服務器端程序。這個字符串看起來有點兒古怪，可是 JavaScript 很容易解釋它，並且 JSON 能夠表示比"名稱 / 值對"更復雜的結構。例如，能夠表示數組和複雜的對象，而不只僅是鍵和值的簡單列表。

 

表示名稱 / 值對

按照最簡單的形式，能夠用下面這樣的 JSON 表示 "名稱 / 值對" ：{ "firstName": "Brett" }

這個示例很是基本，並且實際上比等效的純文本 "名稱 / 值對" 佔用更多的空間：firstName=Brett

 

可是，當將多個"名稱 / 值對"串在一塊兒時，JSON 就會體現出它的價值了。首先，能夠建立包含多個"名稱 / 值對"的 記錄，好比：

 

{ "firstName": "Brett", "lastName":"McLaughlin", "email": "aaaa" }

 

從語法方面來看，這與"名稱 / 值對"相比並無很大的優點，可是在這種狀況下 JSON 更容易使用，並且可讀性更好。例如，它明確地表示以上三個值都是同一記錄的一部分；花括號使這些值有了某種聯繫。

 

 

 

表示數組

當須要表示一組值時，JSON 不但可以提升可讀性，並且能夠減小複雜性。例如，假設您但願表示一我的名列表。在 XML 中，須要許多開始標記和結束標記；若是使用典型的 名稱 / 值 對（就像在本系列前面文章中看到的那種名稱 / 值對），那麼必須創建一種專有的數據格式，或者將鍵名稱修改成 person1-firstName這樣的形式。

若是使用 JSON，就只需將多個帶花括號的記錄分組在一塊兒：

 

{ "people": [

{ "firstName": "Brett", "lastName":"McLaughlin", "email": "aaaa" },

{ "firstName": "Jason", "lastName":"Hunter", "email": "bbbb"},

{ "firstName": "Elliotte", "lastName":"Harold", "email": "cccc" }

]}

 

這不難理解。在這個示例中，只有一個名爲 people的變量，值是包含三個條目的數組，每一個條目是一我的的記錄，其中包含名、姓和電子郵件地址。上面的示例演示如何用括號將記錄組合成一個值。固然，可使用相同的語法表示多個值（每一個值包含多個記錄）：

{ "programmers": [

{ "firstName": "Brett", "lastName":"McLaughlin", "email": "aaaa" },

{ "firstName": "Jason", "lastName":"Hunter", "email": "bbbb" },

{ "firstName": "Elliotte", "lastName":"Harold", "email": "cccc" }

],

"authors": [

{ "firstName": "Isaac", "lastName": "Asimov", "genre": "science fiction" },

{ "firstName": "Tad", "lastName": "Williams", "genre": "fantasy" },

{ "firstName": "Frank", "lastName": "Peretti", "genre": "christian fiction" }

],

"musicians": [

{ "firstName": "Eric", "lastName": "Clapton", "instrument": "guitar" },

{ "firstName": "Sergei", "lastName": "Rachmaninoff", "instrument": "piano" }

] }

這裏最值得注意的是，可以表示多個值，每一個值進而包含多個值。可是還應該注意，在不一樣的主條目（programmers、authors 和 musicians）之間，記錄中實際的名稱 / 值對能夠不同。JSON 是徹底動態的，容許在 JSON 結構的中間改變表示數據的方式。

在處理 JSON 格式的數據時，沒有須要遵照的預約義的約束。因此，在一樣的數據結構中，能夠改變表示數據的方式，甚至能夠以不一樣方式表示同一事物。

 掌握了 JSON 格式以後，在 JavaScript 中使用它就很簡單了。JSON 是 JavaScript 原生格式，這意味着在 JavaScript 中處理 JSON 數據不須要任何特殊的 API 或工具包。

將 JSON 數據賦值給變量

例如，能夠建立一個新的 JavaScript 變量，而後將 JSON 格式的數據字符串直接賦值給它：

var people = { "programmers": [ { "firstName": "Brett", "lastName":"McLaughlin", "email": "aaaa" },

{ "firstName": "Jason", "lastName":"Hunter", "email": "bbbb" },

{ "firstName": "Elliotte", "lastName":"Harold", "email": "cccc" }

],

"authors": [

{ "firstName": "Isaac", "lastName": "Asimov", "genre": "science fiction" },

{ "firstName": "Tad", "lastName": "Williams", "genre": "fantasy" },

{ "firstName": "Frank", "lastName": "Peretti", "genre": "christian fiction" }

],

"musicians": [

{ "firstName": "Eric", "lastName": "Clapton", "instrument": "guitar" },

{ "firstName": "Sergei", "lastName": "Rachmaninoff", "instrument": "piano" }

] }

這很是簡單；如今 people包含前面看到的 JSON 格式的數據。可是，這還不夠，由於訪問數據的方式彷佛還不明顯。

 

 

訪問數據

儘管看起來不明顯，可是上面的長字符串實際上只是一個數組；將這個數組放進 JavaScript 變量以後，就能夠很輕鬆地訪問它。實際上，只需用點號表示法來表示數組元素。因此，要想訪問 programmers 列表的第一個條目的姓氏，只需在 JavaScript 中使用下面這樣的代碼：

people.programmers[0].lastName;

注意，數組索引是從零開始的。因此，這行代碼首先訪問 people變量中的數據；而後移動到稱爲 programmers的條目，再移動到第一個記錄（[0]）；最後，訪問 lastName鍵的值。結果是字符串值 「McLaughlin」。

下面是使用同一變量的幾個示例。

people.authors[1].genre // Value is "fantasy"

people.musicians[3].lastName // Undefined. This refers to the fourth entry, and there isn't one

people.programmers[2].firstName // Value is "Elliotte"

利用這樣的語法，能夠處理任何 JSON 格式的數據，而不須要使用任何額外的 JavaScript 工具包或 API。

 

修改 JSON 數據

正如能夠用點號和括號訪問數據，也能夠按照一樣的方式輕鬆地修改數據：

people.musicians[1].lastName = "Rachmaninov";

在將字符串轉換爲 JavaScript 對象以後，就能夠像這樣修改變量中的數據。

 

轉換回字符串

固然，若是不能輕鬆地將對象轉換回本文提到的文本格式，那麼全部數據修改都沒有太大的價值。在 JavaScript 中這種轉換也很簡單：

String newJSONtext = people.toJSONString();

這樣就好了！如今就得到了一個能夠在任何地方使用的文本字符串，例如，能夠將它用做 Ajax 應用程序中的請求字符串。

更重要的是，能夠將任何JavaScript 對象轉換爲 JSON 文本。並不是只能處理原來用 JSON 字符串賦值的變量。爲了對名爲 myObject的對象進行轉換，只需執行相同形式的命令：

String myObjectInJSON = myObject.toJSONString();

這就是 JSON 與本系列討論的其餘數據格式之間最大的差別。若是使用 JSON，只需調用一個簡單的函數，就能夠得到通過格式化的數據，能夠直接使用了。對於其餘數據格式，須要在原始數據和格式化數據之間進行轉換。即便使用 Document Object Model 這樣的 API（提供了將本身的數據結構轉換爲文本的函數），也須要學習這個 API 並使用 API 的對象，而不是使用原生的 JavaScript 對象和語法。

最終結論是，若是要處理大量 JavaScript 對象，那麼 JSON 幾乎確定是一個好選擇，這樣就能夠輕鬆地將數據轉換爲能夠在請求中發送給服務器端程序的格式。