JSON 是儲存和傳輸資料的格式。

JSON 經常在資料從伺服器傳送到網頁時使用。

什麼是 JSON？

• JSON 指的是JavaScriptObjectNotation
• JSON 是輕量級的資料交換格式
• JSON 獨立於語言*
• JSON 是“自描述的”且易於理解

* JSON 的語法是來自 JavaScript 物件符號的語法，但 JSON 格式是純文字。讀取和生成 JSON 資料的程式碼可以在任何程式語言編寫的。

JSON 例項

JSON 語法定義了一個僱員物件：包含三條員工記錄的陣列（物件）：

JSON 例項

{
"employees":[
    {"firstName":"Bill", "lastName":"Gates"}, 
    {"firstName":"Steve", "lastName":"Jobs"},
    {"firstName":"Alan", "lastName":"Turing"}
]
}

JSON 語法規則

• 資料是名稱/值對
• 資料由逗號分隔
• 花括號儲存物件
• 方括號儲存陣列

JSON 資料 - 名稱和值

JSON 資料的書寫方式是名稱/值對，類似 JavaScript 物件屬性。

名稱/值對由（雙引號中的）欄位名構成，其後是冒號，再其後是值：

"firstName":"Bill"

JSON 名稱需要雙引號。JavaScript 名稱不需要。

JSON 陣列

JSON 陣列在方括號中書寫。

類似 JavaScript，陣列能夠包含物件：

"employees":[
    {"firstName":"Bill", "lastName":"Gates"}, 
    {"firstName":"Steve", "lastName":"Jobs"}, 
    {"firstName":"Alan", "lastName":"Turing"}
]

在上面的例子中，物件 "employees" 是一個數組。它包含了三個物件。

每個物件代表一個人的一條記錄（帶有名和姓）

把 JSON 文字轉換為 JavaScript 物件

JSON 的通常用法是從 web 伺服器讀取資料，然後在網頁中顯示資料。

為了簡單起見，可以使用字串作為輸入演示。

首先，建立包含 JSON 語法的 JavaScript 字串：

var text = '{ "employees" : [' +
'{ "firstName":"Bill" , "lastName":"Gates" },' +
'{ "firstName":"Steve" , "lastName":"Jobs" },' +
'{ "firstName":"Alan" , "lastName":"Turing" } ]}';

然後，使用 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>