# JavaScript JSON JSON 是用于存儲和傳輸數據的格式。 JSON 通常用于服務端向網頁傳遞數據 。 ## 什么是 JSON? * JSON 英文全稱 **J**ava**S**cript **O**bject **N**otation * JSON 是一種輕量級的數據交換格式。 * JSON是獨立的語言 ***** * JSON 易于理解。 >  > JSON 使用 JavaScript 語法，但是 JSON 格式僅僅是一個文本。 文本可以被任何編程語言讀取及作為數據格式傳遞。 ## JSON 實例 以下 JSON 語法定義了 employees 對象: 3 條員工記錄（對象）的數組: ## JSON Example ``` {"employees":[ ??? {"firstName":"John", "lastName":"Doe"}, ??? {"firstName":"Anna", "lastName":"Smith"}, ??? {"firstName":"Peter", "lastName":"Jones"} ]} ``` ## JSON 格式化后為 JavaScript 對象 JSON 格式在語法上與創建 JavaScript 對象代碼是相同的。 由于它們很相似，所以 JavaScript 程序可以很容易的將 JSON 數據轉換為 JavaScript 對象。 ## JSON 語法規則 * 數據為 鍵/值 對。 * 數據由逗號分隔。 * 大括號保存對象 * 方括號保存數組 ## JSON 數據 - 一個名稱對應一個值 JSON 數據格式為 鍵/值 對，就像 JavaScript 對象屬性。 鍵/值對包括字段名稱（在雙引號中），后面一個冒號，然后是值： ``` "firstName":"John" ``` ## JSON 對象 JSON 對象保存在大括號內。 就像在 JavaScript 中, 對象可以保存多個 鍵/值 對： ``` {"firstName":"John", "lastName":"Doe"} ``` ## JSON 數組 JSON 數組保存在中括號內。 就像在 JavaScript 中, 數組可以包含對象： ``` "employees":[ ??? {"firstName":"John", "lastName":"Doe"}, ??? {"firstName":"Anna", "lastName":"Smith"}, ??? {"firstName":"Peter", "lastName":"Jones"} ] ``` 在以上實例中，對象 "employees" 是一個數組。包含了三個對象。 每個為個對象為員工的記錄（姓和名）。 ## JSON 字符串轉換為 JavaScript 對象 通常我們從服務器中讀取 JSON 數據，并在網頁中顯示數據。 簡單起見，我們網頁中直接設置 JSON 字符串 (你還可以閱讀我們的 [JSON 教程](/json/json-tutorial.html)): 首先，創建 JavaScript 字符串，字符傳為 JSON 格式的數據： ``` var text = '{ "employees" : [' + '{ "firstName":"John" , "lastName":"Doe" },' + '{ "firstName":"Anna" , "lastName":"Smith" },' + '{ "firstName":"Peter" , "lastName":"Jones" } ]}'; ``` 然后，使用 JavaScript 內置函數 JSON.parse() 將字符串轉換為 JavaScript 對象: ``` var obj = JSON.parse(text); ``` 最后，在你的頁面中使用新的 JavaScript 對象： ## 實例 ``` <p id="demo"></p> <script> document.getElementById("demo").innerHTML = obj.employees[1].firstName + " " + obj.employees[1].lastName; </script> ``` 更多 JSON 信息，你可以閱讀我們的 [JSON 教程](/json/json-tutorial.html)。