JSON 物件

admin發表於2019-12-24

千萬不要講JavaScript物件直接量誤以為是JSON物件。

簡單程式碼如下:

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

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

真正的JSON物件是ES5版本新增,專門用於處理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/201907/12/113814sk1sstmlsw8mi6xz.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/201907/12/113847vui7pz7pjpsgzbgz.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

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

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

相關文章