正在準備工作環境...
JSON 是什麼?
- JSON(JavaScript Object Notation)是輕量級的資料交換格式,用文字描述結構化資料,常見於 API 回傳值。
- 主要由「鍵值對的物件」與「有順序的陣列」組成,所有鍵須用雙引號。
- 在 91APP 的應用:商品資訊、訂單明細、廣告成效數據都會以 JSON 傳遞。
基本格式
- 物件(Object):
{ "key": value } - 陣列(Array):
[ value1, value2 ] - 值(Value):字串、數字、布林、null、物件、陣列。
常見 JSON 範例(91APP 情境)
- 商品清單:前台列表資料。
- 訂單:買家資料、購物車、付款狀態。
- 廣告回報:每個活動的曝光、點擊、成本。
練習題
AI 協作:學了這個,跟 AI 怎麼配合?
JSON 是 AI 最常使用的輸出格式。學會看 JSON,你就能直接處理 AI 和 API 回傳的資料。
你的人類優勢:
- 你能判斷 JSON 的結構是否符合你的需求(缺了哪個欄位?格式對嗎?)
- 你知道這份 JSON 對應到實際業務的哪些資料
可以這樣跟 AI 說:
這是我從 API 拿到的 JSON 回應,幫我解釋每個欄位的意思,然後幫我抓出我需要的部分。
互動示範
DEMO 1可以修改程式碼試玩
DEMO 2可以修改程式碼試玩
挑戰任務
Task 1
已知物件 json 包含 name、inStock、price。請用 console.log 印出「商品:廣告旗艦鞋,是否有貨:false」。
起始程式碼: const json = { "name": "廣告旗艦鞋", "inStock": false, "price": 2990 };
Task 2
取出 order 物件中第一個商品的 sku 並印出。
起始程式碼: const order = { "items": [{ "sku": "SKU-12345", "qty": 2 }, { "sku": "SKU-56789", "qty": 1 }] };
Task 3
印出 product 物件的 tags 陣列有幾個元素。
起始程式碼: const product = { "name": "夏日速乾T", "tags": ["summer", "men", "sport"] };
Next Lesson →