各位新年快樂，其實我一直想參賽IT邦30天，只是一直都沒有好好的去準備，但看到身邊的朋友已經下筆的文章愈來愈多，但回頭看看自己，任何一篇筆記或文章都沒有，其他人願意付出分享，所以我也做出一點自己所知道的東西去分享給需要的人，所以到了這次六角學院舉辦的「鼠年全馬鐵人挑戰」才有機會下筆，一點一滴為自己留下走過的痕跡，前面都是廢話，進入正題囉！

不可不知的JSON

什麼是JSON（JavaScript Object Notation，JavaScript物件表示法），是一種資料的文字格式，簡單說就是多個字串組成的一組字串。

建立JSON的兩個重點

  • 物件(object)用大括號 { } 來寫入資料
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    [
      {
        "title": "西題牛排",
        "splie": "中正店",
        "food": "牛肉",
        "importdate": "2019-12-01",
        "importkg": 20,
        "exportdate": "2020/01/21",
        "exportkg": 10,
        "amount": 5000,
        "description": "公司設立於台北市中正區"
      }
    ]

物件(object) 以key(鍵值) 及 value(值)為儲存容器，但在JavaScript裡面稱作為屬性名稱及值，使用物件(object)包字串的同時，記得使用雙引號(“title”)去包覆屬性名稱及值，當值為數值可以不加上雙引號包覆。

JSON官網提供相關圖示說明如下

  • 陣列(array)用中括號 [ ] 來寫入資料
1
2
3
4
5
6
7
8
9
10
11
[
    "西題牛排",
    "中正店",
    "牛肉",
    "2019-12-01",
    20,
    "2020/01/21",
    10,
    5000,
    "公司設立於台北市中正區"
]

陣列(array)的key(鍵值) 及 value(值)稱為索引及值。

:::info
※物件(object) 及 陣列(array) 的值都適用以下型態(參考圖片JSON官網)
:::

  • 數字 (整數或浮點數)
  • 字串 (使用 “ “ )
  • 布林函數 (boolean) (true 或 false)
  • 陣列 (使用 [ ] )
  • 物件 (使用 { } )
  • NULL

以上兩個重點融合起來會變成以下什麼格式？我們就用簡單的範例結束最後一回吧！

實戰演練

將以上Excel 轉換成JSON格式
可使用線上編輯器進行編寫 https://jsoneditoronline.org/

轉換後，每筆資料之間要以逗號做分隔，最後一筆資料則不加上逗號。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
[
    {
        "title": "西題牛排",
        "splie": "中正店",
        "food": "牛肉",
        "importdate": "2019-12-01",
        "importkg": 20,
        "exportdate": "2020/01/21",
        "exportkg": 10,
        "amount": 5000,
        "description": "公司設立於台北市中正區"
     },
     {
        "title": "西題牛排",
        "splie": "萬華店",
        "food": "雞肉",
        "importdate": "2019-01-01",
        "importkg": 100,
        "exportdate": "2020/01/21",
        "exportkg": 27,
        "amount": 8000,
        "description": "公司設立於台北市萬華區"
     }
]

結果為下圖，是不是很簡單呢？

標籤: w3HexSchool Json PHP