JavaScript學習路-(21)JSON-1

JSON = JavaScript Object Notation (JavaScript 物件表示法),
以文字儲存 & 傳送資料,可以想像 json 也是一個盒子
( JavaScript 四處可見盒子哪~),裡面有很多~格可以儲存固定格式的資料。
當瀏覽器向伺服器要求檔案時,伺服器把 json 資料回傳給瀏覽器,JavaScript 再轉換成看得懂的資訊,經由 html + CSS 的美化後呈現。

JSON 字串寫法:

  • 裡面的鍵值都長得一組一組的,用 : 隔開,式子為
    “我是鍵 (key)”: “我是值 (value)”,鍵只能用字串不能直接用數字
  • 字串用””包起來,不能用 ”
  • [] 是用來放陣列的資料,
    裡面的值可以是數字、字串、布林、物件、陣列、判斷式、null,
    可以混搭,如上例,我把尺寸物件包在一個陣列裡
  • {} 是用來放物件的資料
  • JSON 不能寫註解
  • 不同鍵值間以 , 區隔

將上面式子貼到 JSON EDITOR ONLINE 上可以看到結構,蠻方便的
寫完後按 Save 就可以下載囉

json

如果要在JSON裡面加入雙引號、 tab 鍵之類的事情,跟編輯字串一樣使用以下:
\”\” = 雙引號
\t = tab 鍵
\\ = \
\n = enter 鍵到下一行

參考資料

瞭解json格式

本文同步發表於 http://ithelp.ithome.com.tw/ironman7/app/article/dev/recent/10159078

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *