[JavaScript] JSON 是什麼? 可以幹嘛?：極輕量級資料交換格式

Photo by Evie S. on Unsplash

JSON 怎麼來的?

JSON，全名 JavaScript Object Notation。在以前，網路傳輸資料的格式有很多種，其中一種常見的稱為 XML，如果我要交換一個像是這樣的資料：

me: { name: 'emma', age: 18 }

在 XML 上會是這樣：

<object>
  <name>emma</name>
  <age>18</age>
</object>

如果資料量一多，要傳輸的字元就會多很多很多，大家即便開始注意到，如果用 Javascript 中 Object 的樣子 (object literal) 傳輸，傳輸會輕便許多，就這樣發展出了 JSON。

JSON 的格式

JSON 其實就像是 Javascript 一般的 Object，但是多了幾個必須遵守的規則，

要測試自己的 JSON 格式有沒有錯誤，在 VS code 打開 JSON 檔案後，VS code 就會幫你在錯誤的地方畫上紅線：

• JSON 的 name 和 value 值必須用「雙引號」括起來，Javascript 的 object 不用。

錯誤：必須使用雙引號

• JSON 的「最後一對 name/value 後方不能有逗號」

錯誤：最後一對 name/value 後方不可帶逗號

• JSON 的 value 「不能」是 function, date, undefined

• JSON 是以大括弧括起來的

去除以上的例外狀況，字串、數字、object、陣列、boolean、null 都是可以包進 JSON 的：

知道了 JSON 之後，在前後端交換 API 資料 JSON 上，有時候也會用上 JSON.stringify() 和 JSON.parse()，在下一篇再整理出來。

內容若有任何錯誤，歡迎留言交流指教！🦐