JSON — 通用的資料格式
電腦怎麼共享有結構的資訊
⏱ 預估 ~4 分鐘
01 · 讀一讀
當 server 把資料送回給你的 app 時，需要一種雙方都看得懂的格式。網路上最流行的就是 JSON(JavaScript Object Notation)。
JSON 是一種把結構化資料寫成純文字的方式。它長得很像一份簡單的清單或表單 — 有名稱（叫 key）配上值，也可以裝清單跟巢狀的資料群組。
雖然名字裡有「JavaScript」，但 JSON 每種程式語言都會用。它就是網路上通用的資料格式。
💡 想像一下JSON 就像一張排得很整齊的表單。表單有貼好標籤的欄位（「姓名：___」、「Email:___」），你把值填進去。JSON 一樣：每筆資料都有一個標籤（key）跟一個值。而且就像表單可以有區塊（「地址：街道 ___、城市 ___、郵遞區號 ___」），JSON 也可以巢狀。
重點整理
- JSON = JavaScript Object Notation — 一種純文字資料格式
- 資料用 key-value 對 組起來："name": "Sara"
- 用大括號 {} 表示 object(一組 key-value 對)
- 用方括號 [] 表示 array(有順序的清單)
- Object 裡面可以裝其他 object — 叫做 巢狀（nesting）
02 · 看程式碼
下面是 JSON 實際長的樣子。這是 server 在你看某人的個人頁時可能會送回來的資料。
一個 JSON Object
{
"name": "Sara Johnson",
"age": 28,
"email": "sara@example.com",
"hobbies": ["reading", "hiking", "photography"],
"address": {
"street": "123 Oak Street",
"city": "Portland",
"state": "OR",
"zip": "97201"
}
}
看結構：name 是一個文字值、age 是一個數字、hobbies 是 array(方括號裡的清單)、address 是一個巢狀的 object(大括號裡又是一組 key-value 對)。每樣東西都有清楚的標籤，任何程式都能輕鬆讀。
03 · 配對
把每個 JSON 概念配對到它的描述。
(本節為互動練習，請啟用 JavaScript 體驗)
04 · 選擇題
在 JSON 裡，一對方括號 [ ] 表示什麼？
- 一個 object
- 一個 key-value 對
- 一個註解
- 一個 array(有順序的清單)
05 · 填空
JSON 是 JavaScript Object _____ 的縮寫。
⚠ 完整互動體驗需要 JavaScript。請啟用 JavaScript 後重新整理。
※ 本站為獨立繁中教學專案，非 Anthropic 官方產品。Claude™ 為 Anthropic, PBC 商標。