JSON 物件

admin發表於2019-12-24

很多朋友習慣將JavaScript物件直接量稱作JSON物件。

其實這是完全錯誤的,物件直接量和JSON物件完全兩個概念。

真正的JSON物件是ES5新增,專門用於處理JSON資料。

首先看一段程式碼例項:

[JavaScript] 純文字檢視 複製程式碼
let antzone={
  webName:"螞蟻部落",
  age:5,
  address:"青島市南區"
}

上面是一個物件直接量,而不是什麼JSON物件。

JSON物件僅有兩個靜態方法JSON.stringify()和JSON.parse()。

一.JSON.stringify()方法:

此方法可以將引數轉換為對應的JSON資料。

程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let antzone={
  webName:"螞蟻部落",
  url:"softwhy.com",
  age:5
}
let jsonStr=JSON.stringify(antzone);
console.log(jsonStr);

程式碼執行效果截圖如下:

a:3:{s:3:\"pic\";s:43:\"portal/201912/24/103413k3z4qust617qy3fa.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

上述程式碼通過JSON.stringify方法將物件直接量序列化為一個JSON資料。

更多關於此方法的實用細節可以參閱JSON.stringify() 方法一章節。

二.JSON.parse()方法:

此方法可以將JSON資料還原,程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let antzone={
  webName:"螞蟻部落",
  url:"softwhy.com",
  age:5
}
let jsonStr=JSON.stringify(antzone);
console.log(JSON.parse(jsonStr).webName);

程式碼執行效果截圖如下:

a:3:{s:3:\"pic\";s:43:\"portal/201912/24/103502nhvwgzfujv1km3va.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

上述程式碼通過JSON.parse方法將JSON還原為對應的直接量。

更多關於此方法的實用細節可以參閱JSON.parse() 方法一章節。

相關文章