Andy的前後端技術筆記、生活紀錄
Javascript中的JSON格式
發佈於: 2023-03-28 更新於: 2024-04-21 分類於: frontend

什麼是JSON

JSON(JavaScript Object Notation)是一種數據交換格式,不論是用在前後端透過RESTful API傳遞資料、function之間使用,都是很方便的,而要把資料轉換成JSON格式則是透過 JSON.strinify(data),把data轉換成JSON格式。
他是以一對大括號以及裡面的東西,這些東西則是以Key與Value組成的KEY-Value Pair(其實與object的格式是一樣的),不過JSON是字符串,而object則是物件(廢話),用typeof可以看到JSON字符串是string。

1
2
3
4
5
'{
"name":"Andy",
"age":10,
"skill":[JS,CSS,HTML,Vue,React]
}'

JSON.stringify(data)

把object轉換成JSON的格式的function

1
2
let obj = {name: "John", age: 30};
let jsonStr = JSON.stringify(obj);

JSON.parse(jsonString)

接收到JSON格式的字串時需要透過JSON.parse去轉譯才能變成數值或是object

1
2
//延續上面的變數
let obj = JSON.parse(jsonStr)

動手試試看

--- 到底拉 The End ---