首頁 > web前端 > js教程 > 主體

詳解JavaScript物件序列化_javascript技巧

WBOY
發布: 2016-05-16 15:19:14
原創
1593 人瀏覽過

一.什麼是物件序列化?

  物件序列化是指將物件的狀態轉換為字串(來自我這菜鳥的理解,好像有些書上也是這麼說的,淺顯易懂!);

  序列化(Serialization)是將物件的狀態資訊轉換為可以儲存或傳輸的形式的過程(來自「百度百科—序列化“,學術性強,略顯高端);

二.為什麼會有物件序列化?

  世間萬物,都有其存在的原因。為什麼會有物件序列化呢?因為程式猿們需要它。既然是物件序列化,那我們就先從一個物件說起:

var obj = {x:1, y:2};
登入後複製

   當這句程式碼運作時,物件obj的內容會儲存在一塊記憶體中,而obj本身儲存的只是這塊記憶體的位址的映射而已。簡單的說,物件obj就是我們的程式在電腦通電時在記憶體中維護的一種東西,如果我們程式停止了或電腦斷電了,物件obj將不復存在。那麼如何把物件obj的內容保存在磁碟上呢(也就是說在沒電時繼續保留著)?這時就需要把物件obj序列化,也就是說把obj的內容轉換成一個字串的形式,然後再保存在磁碟上。另外,我們又要怎麼透過HTTP協定把物件obj的內容傳送到客戶端呢?沒錯,還是需要先把物件obj序列化,然後客戶端根據接收到的字串再反序列化(也就是將字串還原為物件)解析出對應的物件。這也正是」百度百科—序列化「中所描述的兩個作用——儲存、傳輸。

三.JavaScript中的物件序列化

  JSON的全名為」JavaScript Object Notation「——JavaScript物件表示法。 ECMAScript 5中提供了內建函數JSON.stringify()和JSON.parse()用來序列化和還原JavaScript物件。它們使用起來也很簡單:

可以看到,exampleStr和exampleObj2中並沒有 y:undefined 的內容。這說明:JSON的語法是JavaScript語法的子集,它並不能表示JavaScript中的所有值,對於JSON語法不支援的屬性,序列化後會其省略。其詳細規則如下:

  • ①對於JavaScript中的五種原始類型,JSON語法支援數字、字串、布林值、null四種,不支援undefined;
  • ②NaN、Infinity和-Infinity序列化的結果是null;
  • ③JSON語法不支援函數;
  • ④除了RegExp、Error對象,JSON語法支援其他所有對象;
  • ⑤日期物件序列化的結果是ISO格式的字串,但JSON.parse()仍然保留它們字串形態,並不會將其還原為日期物件;
  • ⑥JSON.stringify()只能序列化物件的可列舉的自有屬性;

從上面的例子也可以看到,在符合上述規則的情況下,還可以透過物件序列化和反序列化來完成物件的深拷貝。

以上就是JSON.stringify()和JSON.parse()的常用用法了,但這兩種方法不止這麼簡單:

四.完整版JSON.stringify()

1.簡介

  序列化原始值、物件或陣列

2.概要

  JSON.stringify(o[, filter][, indent])

3.參數

  o,要轉換成JSON字串的原始值、物件或陣列

  filter,可選參數,一個陣列或函數

  indent,可選參數,一個數值或一個字串

4.回傳

  JSON格式的字串,代表o的值,同時通過了filter的過濾,以及根據indent進行了格式化

5.描述

  ①當物件o本身帶有toJSON()方法時,JSON.stringify()會呼叫o的toJSON()方法,並使用該方法的回傳值而不是該物件本身進行字串化;

  ②如果filter存在且是一個函數,那麼函數的回傳值將會作為JSON.stringify()方法的回傳值。而函數接收兩個參數,第一個參數是一個空字串,第二個參數就是物件o。

  ③如果filter存在且是一個字串陣列(如果陣列中包含數字,數字會自動轉換為字串),那麼物件o的某些屬性名稱如果不在這個陣列中,則序列化時會將這些屬性省略,且傳回的字串中屬性的順序會與該數組中屬性的順序一致;

  ④JSON.stringify()傳回的通常是不帶任何空格或換行符的字串。如果想要輸出可讀性更好的字串,需要指定第三個參數。如果指定的第三個參數是介於1~10之間的值,則JSON.stringify()會在每一「層級」的輸出插入換行符號和指定個數的空格。如果指定的第三個參數是非空字串,則JSON.stringify()會插入換行符號和該字串(只取前十個字元)來縮排層級;

五.完整版JSON.parse()

1.簡介

  解析JSON格式的字串

2.概要

  JSON.parse(s[, reviver])

3.參數

  s,要解析的字串

  reviver,可選參數,用來轉換解析值的選用函數

4.回傳

  一個物件、陣列或原始值。此傳回值是從s解析的(還有可能被reviver修改過);

5.描述

  ①如果指定了reviver函數,則函數會為從s中解析的每一個原始值(不是包含這些原始值的物件或陣列)呼叫一次。呼叫reviver時帶有兩個參數,第一個參數是屬性名稱-物件的屬性名稱或轉換成字串的陣列序號,第二個參數是物件屬性或陣列元素的原始值。並且,reviver函數的傳回值將作為JSON.parse()的回傳值;

以上就是關於JavaScript物件序列化的相關內容,希望對大家的學習有所幫助。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板