Javascript JSON.parse()和JSON.stringify()的區別用法及代碼示例

JSON.parse()將 JSON 字符串轉換為 JavaScript 對象，而 JSON.stringify() 將 JavaScript 對象轉換為JSON 字符串。 JavaScript 利用 JSON 在服務器和網頁之間進行數據交換。這些方法可以在 Web 開發中輕鬆進行數據操作和傳輸。

JSON.parse()方法

JSON parse()將 JSON 字符串轉換為 JavaScript 對象。它接受 JSON 字符串作為輸入。向本地Web服務器發送數據時必須采用字符串格式。它對於將數據存儲在本地存儲中非常有用，因為瀏覽器將數據存儲在鍵值對中。

用法

JSON.parse( string, function )

例子：在此示例中，我們定義了一個包含 JSON-like 數據的常量 myInfo。它被解析為對象 Obj。然後，代碼記錄 Obj 中的 Name 和 Age 值。結果輸出將分別是 GFG 和 22。

const myInfo = `{
   "Name": "GFG", 
   "Age":22,
   "Department" : "Computer Science and Engineering",
   "Year": "3rd"
}`
const Obj = JSON.parse(myInfo);
console.log(Obj.Name)  
console.log(Obj.Age)

GFG
22

JSON.stringify()方法

JSON stringify()將 JavaScript 對象轉換為 JSON 字符串，接受單個對象參數。它與 JSON.parse() 形成對比。使用替換參數，鍵值對上的邏輯是可行的。 JSON 中不允許使用日期格式；因此，它們應該作為字符串包含在內。

用法

JSON.stringify(value, replacer, space);

例子：在本示例中，我們使用 JSON.stringify() 將 JavaScript 對象 myInfo 轉換為 JSON 字符串。然後它會記錄生成的 JSON 字符串，該字符串表示對象的數據。

const myInfo = {
   Name: "GFG", 
   Age:22,
   Department : "Computer Science and Engineering",
   Year: "3rd"
}
const Obj = JSON.stringify(myInfo);
console.log(Obj)

{"Name":"GFG","Age":22,"Department":"Computer Science and Engineering","Year":"3rd"}

JSON.stringify() 方法與 JSON.parse() 方法之間的區別