JavaScript 序列化對象實(shí)現(xiàn)代碼
更新時(shí)間:2009年12月18日 02:06:56 作者:
JavaScript序列化對象實(shí)現(xiàn)代碼,需要的朋友可以參考下。

作者發(fā)的是一張圖,大家可以放大看。
前些天說過關(guān)于JavaScript的Literal Syntax問題,覺得挺有意思的,于是又研究了一下,能不能把對象再轉(zhuǎn)化為Literal形式呢?就像我們平時(shí)說的序列化和反序列化啥的。當(dāng)然可以了,因?yàn)镴avaScript對象自身都提供了一個(gè)toString()方法,默認(rèn)就是返回簡單對象的Literal形式。
我們需要作的就是判斷對象的具體類型,然后分別Serialize每種對象,再輸出為Object的Literal語法形式就行了。準(zhǔn)確的判斷對象類型,使用我曾經(jīng)說過的__typeof__方法就行了,序列化對象實(shí)例的代碼如下:
復(fù)制代碼 代碼如下:
Object.prototype.Serialize = function()
{
var type = __typeof__(this);
switch(type)
{
case 'Array' :
{
var strArray = '[';
for ( var i=0 ; i < this.length ; ++i )
{
var value = '';
if ( this[i] )
{
value = this[i].Serialize();
}
strArray += value + ',';
}
if ( strArray.charAt(strArray.length-1) == ',' )
{
strArray = strArray.substr(0, strArray.length-1);
}
strArray += ']';
return strArray;
}
case 'Date' :
{
return 'new Date(' + this.getTime() + ')';
}
case 'Boolean' :
case 'Function' :
case 'Number' :
case 'String' :
{
return this.toString();
}
default :
{
var serialize = '{';
for ( var key in this )
{
if ( key == 'Serialize' ) continue;
var subserialize = 'null';
if ( this[key] != undefined )
{
subserialize = this[key].Serialize();
}
serialize += '\r\n' + key + ' : ' + subserialize + ',';
}
if ( serialize.charAt(serialize.length-1) == ',' )
{
serialize = serialize.substr(0, serialize.length-1);
}
serialize += '\r\n}';
return serialize;
}
}
};
其實(shí)就是Array和Object的屬性比較的麻煩,需要遞歸的做這個(gè)Serialize操作。不過需要注意,Serialize方法就不需要被序列化出來了。下面是測試示例,不過這個(gè)序列化方法沒有對環(huán)狀引用做檢查,能序列化的對象很有限。
復(fù)制代碼 代碼如下:
var obj1 = [];
alert(obj1.Serialize());
var obj2 = [1,[2,[3,[4,[5,[6,[7,[8,[9,[0]]]]]]]]]];
alert(obj2.Serialize());
var obj3 =
{
Properties1 : 1, Properties2 : '2', Properties3 : [3],
Method1 : function(){ return this.Properties1 + this.Properties3[0];},
Method2 : function(){ return this.Preperties2; }
};
alert(obj3.Serialize());
var obj4 = [null, 1, 'string', true, function(){return 'keke';}, new Object()];
alert(obj4.Serialize());
至于反序列化就非常的容易了,把上面的序列化結(jié)果用eval執(zhí)行一下,就得到類實(shí)例了。
您可能感興趣的文章:
- GSON實(shí)現(xiàn)Java對象的JSON序列化與反序列化的實(shí)例教程
- jQuery實(shí)現(xiàn)form表單元素序列化為json對象的方法
- java對象序列化與反序列化的默認(rèn)格式和json格式使用示例
- 基于jQuery的一個(gè)擴(kuò)展form序列化到j(luò)son對象
- 詳解JavaScript對象序列化
- JavaScript中的對象序列化介紹
- js解析與序列化json數(shù)據(jù)(一)json.stringify()的基本用法
- jquery序列化form表單使用ajax提交后處理返回的json數(shù)據(jù)
- js解析與序列化json數(shù)據(jù)(二)序列化探討
- Json序列化和反序列化方法解析
- 淺析JSON序列化與反序列化
- js解析與序列化json數(shù)據(jù)(三)json的解析探討
- JSON與js對象序列化實(shí)例詳解
相關(guān)文章
按鍵測試,支持像 Ctrl+Alt+Shift+T 的組合鍵
按鍵測試,支持像 Ctrl+Alt+Shift+T 的組合鍵...2006-10-10微信小程序?qū)崿F(xiàn)拍照畫布指定區(qū)域生成圖片
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)拍照畫布指定區(qū)域生成圖片,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-07-07跟我學(xué)習(xí)javascript的基本類型和引用類型
跟我學(xué)習(xí)javascript的基本類型和引用類型,利用圖解的方式,告訴大家javascript的基本類型和引用類型的區(qū)別和聯(lián)系,感興趣的小伙伴們可以參考一下2015-11-11Peer.js 構(gòu)建視頻聊天應(yīng)用使用詳解
這篇文章主要為大家介紹了Peer.js 構(gòu)建視頻聊天應(yīng)用使用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-03-03javascript中Date format(js日期格式化)方法小結(jié)
這篇文章主要介紹了javascript中Date format,即js日期格式化的方法.實(shí)例總結(jié)了三種常見的JavaScript日期格式化技巧,需要的朋友可以參考下2015-12-12javascript輕松實(shí)現(xiàn)當(dāng)鼠標(biāo)移開時(shí)已彈出子菜單自動消失
本文為大家詳細(xì)介紹下使用javascript實(shí)現(xiàn)當(dāng)鼠標(biāo)移開時(shí)已彈出子菜單自動消失,具體如下,感興趣的朋友不要錯(cuò)過2013-12-12JS實(shí)現(xiàn)全屏預(yù)覽F11功能的示例代碼
這篇文章主要介紹了JS實(shí)現(xiàn)全屏預(yù)覽F11功能的示例代碼,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-07-07