文、意如
今日主題:
一、什麼是JSON?
二、JSON範例介紹
2-1-範例一(儲存物件)
2-2-範例二(儲存陣列)
三、實作練習
一、什麼是JSON?
在介紹今天的主題之前先舉個簡單的例子,我們日常生活是用中文來溝通,而美國人溝通是使用英文、日本人溝通是使用日語,而工程師間溝通是使用什麼呢?就是今天的主角JSON。
JSON(JavaScript Object Notation)是一個資料交換的格式與其它語言無關,在JSON未普遍之前,工程師們如果要交換資料,通常會寫在Excel裡-轉成(XML),或是把資料寫在文字檔裡(TXT)等等其他交換資料方式,處理的都是一個個的檔案,開檔、讀檔、更檔、寫檔,總是沒有那麼方便,所以這也是JSON檔,一下出來就變主流的主要原因。
JSON它儲存的資料可以是字串、數字、布林[true、false]、陣列[array]、物件{object}等資料格式。它的資料格式最外層是用一個{ }(簡稱物件)包起來,下圖為JSON資料格式。
...
二、JSON範例介紹
在組JSON前,你需要準備個編輯器,如果手邊剛好沒有編輯器的話,我們可以使用線上編輯JSON的編輯器。
JSON線上編輯器也可以直接在網址列輸入關鍵字JSON Editor,開啟後先把左邊框清空,我們等等會重頭開始組JSON資料。
一開始我們要先搞懂{ }、[ ]這兩種括弧差別在哪裡。
1.{ }為物件-object
它儲存的格式為:{ “屬性1” : “ 值 1” ,“屬性2” : “ 值 2” }
這邊記得屬性名一定要取英文的。
2.[ ]為陣列-array
它儲存的格式為 [ “值1”,”值2”,值3]
範例一 儲存物件:
我們先準備幾個欄位,唯一識別碼、餐廳、地址、電話、介紹、價錢
接著要把它存成物件類型
例如:
{
"ID": "002",
"Name": "內湖草莓宴",
"Address": "台北縣內湖路五寮彎1-3號6樓",
"Tel": "02-9123456",
"info": "觀光果園有兩大園區,冬天採草莓、夏天採紅棗,不同季節都能體驗採果樂趣!由公館鄉農會草莓班輔導,品質優、口感佳,頗受遊客好評",
"Price": "1000"
}
把資料填到JSON編輯器左邊,然後點選2.copy到右邊3,右邊是幫你再排更整齊,讓我們更方便能識別我們的資料。
如果你的JSON檔,格式不對或輸入錯誤時,它在行號會顯示X的錯誤題示。
從上圖的X,可以追溯到第五行,少了一個逗號,所以要把你的資料送給別人之前可以先用JSON編輯器先檢查看看,減少資料錯誤的發生。
範例二 儲存陣列
陣列類型相對簡單,只有值而已
例如:
1.記錄12月份一周的天氣溫度
[18,16,20,17,16,18,15]
2.紀錄縣市
["台北","宜蘭","花蓮","台中","高雄"]
記得組完資料使用編輯器檢查是否有輸入正確
三、實作練習
接下來就換你來實作看看了!
請你建立一組JSON資料,裡面資料欄位為:
電影介紹欄位有(識別id、電影名稱、演員、上映日期、電影介紹)
解答參考如下:
JSON它除了可以儲存以上格式外,它的檔案還非常小,所以現在的工程師已經全都在用JSON檔來互相溝通交換資料了。
如果你不會JSON就等於你在台灣不會講中文一樣,所以想當工程師的朋友們必定要學會JSON資料格式!
Yiru@Studio - 關於我 - 意如