js 復(fù)制一個對象

1.將對象序列化再解析回來捻撑,對象中如果有函數(shù)function則不能正確復(fù)制

var obj = {a:1,b:2}  
var newObj = JSON.parse(JSON.stringify(obj));  
newObj.a=3;  
console.log(obj);  
console.log(newObj);  

2.把原來對象的屬性遍歷一遍,賦給一個新的對象诗宣。


//深復(fù)制對象方法    
var cloneObj = function (obj) {  
    var newObj = {};  
    if (obj instanceof Array) {  
        newObj = [];  
    }  
    for (var key in obj) {  
        var val = obj[key];  
        //newObj[key] = typeof val === 'object' ? arguments.callee(val) : val; //arguments.callee 在哪一個函數(shù)中運(yùn)行掷豺,它就代表哪個函數(shù), 一般用在匿名函數(shù)中囱修。  
        newObj[key] = typeof val === 'object' ? cloneObj(val): val;  
    }  
    return newObj;  
};  
//測試    
var obj = {a:function(){console.log(this.b.c)},b:{c:1}},//設(shè)置一個對象  
newObj = cloneObj(obj);//復(fù)制對象  
newObj.b.c=2;//給新對象賦新值  
obj.a();//1赎瑰,不受影響  
newObj.a();//2 

3.針對數(shù)組對象的方法,用數(shù)組方法concat一個空數(shù)組

var a=[1,2,3];  
var b=a;  
var c=[].concat(a);  
a.push(4);  
console.log(b);  
console.log(c);  

3-2.需要復(fù)制數(shù)組時破镰,可以使用slice乡范,jsPerf的相關(guān)文章

    <script type="text/javascript">
        var arr1=[01,02,03,[6,6,6],{a:2,b:3},05,06,07];
        var arr2=[];
        arr2=arr1.slice();
        console.log(arr2);//[1,2,3,4,5,6,7];
        arr2.push(88);
        console.log(arr1,arr2);
        //arr1=[1,2,3,4,5,6,7];
        //arr2=[1,2,3,4,5,6,7,88];
        arr3=[...arr2];
        arr3.push(090);
        console.log(arr2,arr3);
    </script>

3.3 ES6 的數(shù)組復(fù)制

var arr=[1,2,3];
var arr2=[...arr];
console.log(arr2);//[1,2,3];

4 關(guān)于一個DOM 節(jié)點(diǎn)的復(fù)制

Node.cloneNode(true);  // 默認(rèn)為false(克隆節(jié)點(diǎn)), true(克隆節(jié)點(diǎn)及其屬性,以及后代)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末啤咽,一起剝皮案震驚了整個濱河市晋辆,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌宇整,老刑警劉巖瓶佳,帶你破解...
    沈念sama閱讀 212,222評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異鳞青,居然都是意外死亡霸饲,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,455評論 3 385
  • 文/潘曉璐 我一進(jìn)店門臂拓,熙熙樓的掌柜王于貴愁眉苦臉地迎上來厚脉,“玉大人,你說我怎么就攤上這事胶惰∩倒ぃ” “怎么了?”我有些...
    開封第一講書人閱讀 157,720評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長中捆。 經(jīng)常有香客問我鸯匹,道長,這世上最難降的妖魔是什么泄伪? 我笑而不...
    開封第一講書人閱讀 56,568評論 1 284
  • 正文 為了忘掉前任殴蓬,我火速辦了婚禮,結(jié)果婚禮上蟋滴,老公的妹妹穿的比我還像新娘染厅。我一直安慰自己,他們只是感情好津函,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,696評論 6 386
  • 文/花漫 我一把揭開白布肖粮。 她就那樣靜靜地躺著,像睡著了一般球散。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上散庶,一...
    開封第一講書人閱讀 49,879評論 1 290
  • 那天蕉堰,我揣著相機(jī)與錄音,去河邊找鬼悲龟。 笑死屋讶,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的须教。 我是一名探鬼主播皿渗,決...
    沈念sama閱讀 39,028評論 3 409
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼轻腺!你這毒婦竟也來了乐疆?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,773評論 0 268
  • 序言:老撾萬榮一對情侶失蹤贬养,失蹤者是張志新(化名)和其女友劉穎挤土,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體误算,經(jīng)...
    沈念sama閱讀 44,220評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡仰美,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,550評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了儿礼。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片咖杂。...
    茶點(diǎn)故事閱讀 38,697評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖蚊夫,靈堂內(nèi)的尸體忽然破棺而出诉字,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 34,360評論 4 332
  • 正文 年R本政府宣布奏窑,位于F島的核電站导披,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏埃唯。R本人自食惡果不足惜撩匕,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,002評論 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望墨叛。 院中可真熱鬧止毕,春花似錦、人聲如沸漠趁。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,782評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽闯传。三九已至谨朝,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間甥绿,已是汗流浹背字币。 一陣腳步聲響...
    開封第一講書人閱讀 32,010評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留共缕,地道東北人洗出。 一個月前我還...
    沈念sama閱讀 46,433評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像图谷,于是被迫代替她去往敵國和親翩活。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,587評論 2 350

推薦閱讀更多精彩內(nèi)容