跳到主要內容
Cypher's Practical Coding
正在準備工作環境...

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 →