iT邦幫忙

2023 iThome 鐵人賽

DAY 27
0
Modern Web

那些你可能要知道的前端知識系列 第 27

【day27】JSON是什麼

  • 分享至 

  • xImage
  •  

https://ithelp.ithome.com.tw/upload/images/20230929/20148303w2JqfDn6eE.png


JSON是什麼

JSON(JavaScript Object Notation)是一種輕量級的數據交換格式,以 JavaScript 物件的標準格式來呈現,主要的特點是以易於閱讀、撰寫的文本形式為基礎,經常用於網站上的資料呈現、傳輸 (例如將資料從伺服器送至client端),雖然JSON原本是JavaScript創建的,但它現在也被許多程式語言支援。


JSON 的架構

JSON的資料格式常見的有兩種:object(物件) 、 array(陣列)

  1. object(物件格式),使用{}大括號表示
{
  "name": "AL",
  "age": 25,
  "city": "Taipei"
}
  1. array(陣列格式),使用[]中括號表示
[
  "apple",
  "banana",
  "orange",
  {
    "fruit": "grape",
    "color": "purple"
  }
]

範例:

{
  "name": "AL",
  "age": 25,
  "isStudent": false,
  "hobbies": ["reading", "swimming"],
  "address": {
    "national": "Taiwan",
    "city": "Taipei"
  }
}

在這個範例中:

  • name, age, isStudent, hobbies, address 是鍵(key)
  • AL, 25, false, ["reading", "swimming"], 和 { "national": "Taiwan", "city": "Taipei"} 是相對應的值(value)
  • 當中的 hobbies 是一個JSON陣列,address 是一個JSON物件
  • 因為JSON是純文本,所以它可以在不同的平台和語言之間進行數據交換

主要用途

  • 資料儲存:有些系統使用JSON格式來存儲複雜的數據結構,例如,NoSQL數據庫(MongoDB)可以存儲和操作JSON格式的數據
  • 數據交換:
    JSON被廣泛地使用在client端和server端交換數據,例如RESTful API和AJAX,因為JSON格式清晰的結構也讓我們能夠輕鬆的閱讀和撰寫

但有時候會接收到文字字串格式的 JSON 資料,必須將它轉換為物件,而且當我們要以某種訊息傳送 JSON 資料時,也必須將之轉換為字串才能正確運作
可以使用以下兩種內建的方法進行轉換:

parse():接收文字字串形式的 JSON 物件作為參數,並回傳對應的物件
stringify() (en-US):接收 JSON 物件作為參數,並回傳對等的文字字串形式。


參考文章
使用 JSON 資料
JSON是什麼:認識 JSON 格式、用途與範例


上一篇
【day26】什麼是 RESTful API
下一篇
【day28】Git flow 是什麼
系列文
那些你可能要知道的前端知識30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言