JavaScript JSON，javascriptjson

JavaScript JSON，javascriptjson
JSON 是用於儲存和傳輸資料的格式。

JSON 通常用於服務端向網頁傳遞資料 。

什麼是 JSON?

• JSON 英文全稱 JavaScript Object Notation
• 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 教程):

首先，建立 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 對象：