1. 程式人生 > >javascript實現json的序列化和反序列化功能

javascript實現json的序列化和反序列化功能

json的序列化和反序列化是我們常用的功能

序列化:


序列化:反序列化:eval將字串反序列化成物件


測試部分:


完整示例:


執行效果圖如下:


序列化方法:JSON.stringfy()


反序列化:


物件序列化是指將物件的狀態轉換為字串。

序列化(Serialization)是將物件的狀態資訊轉換為可以儲存或傳輸的形式的過程。

既然是物件序列化,那我們就先從一個物件說起:


這是一個物件

當這句程式碼執行時,物件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()只能序列化物件的可列舉的自有屬性;

從上面的例子也可以看到,在符合以上規則的情況下,還可以通過物件序列化和反序列化完成物件的深拷貝(什麼是物件的深拷貝?可以去看:https://www.zhihu.com/question/23031215,鄒潤陽的答案)。

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

完整版JSON.stringify():序列化原始值、物件或陣列

JSON.stringify(o[, filter][, indent]),引數如下:

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

filter,可選引數,一個數組或函式

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

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

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

②如果filter存在且是一個函式,那麼該函式的返回值將會作為JSON.stringify()方法的返回值。並且該函式接收兩個引數,第一個引數是一個空字串,第二個引數就是物件o。這裡,大家也可以參考Douglas Crockford為 ES3 環境使用JSON寫的json2:https://github.com/douglascrockford/JSON-js/blob/master/json2.js#L427。看看JSON.stringify和str的實現應該就明白我這裡所說的這兩個引數的具體含義了;

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

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

完整版JSON.parse():解析JSON格式的字串

JSON.parse(s[, reviver]),引數如下:

s,要解析的字串

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

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

①如果指定了reviver函式,該函式會為從s中解析的每一個原始值(不是包含這些原始值的物件或陣列)呼叫一次。呼叫reviver時帶有兩個引數,第一個引數是屬性名——物件的屬性名或轉換成字串的陣列序號,第二個引數是物件屬性或陣列元素的原始值(如果對於這裡說的兩個引數有疑惑,還是可以參考:https://github.com/douglascrockford/JSON-js/blob/master/json2.js#L460)。並且,reviver函式的返回值將作為JSON.parse()的返回值;