對象的深復(fù)制

elva 發(fā)布于2019-08-20 12:08 / 3179人閱讀

摘要：異同淺復(fù)制影子克隆只復(fù)制對象的基本類型對象類型仍屬于原來的引用。深復(fù)制深度克隆不緊復(fù)制對象的基本類同時(shí)也復(fù)制原對象中的對象。就是說完全是新對象產(chǎn)生的。注意事項(xiàng)直接在上實(shí)現(xiàn)該方法的好處是，所有對象都會(huì)繼承該方法。

異同：

淺復(fù)制 (影子克隆): 只復(fù)制對象的基本類型, 對象類型, 仍屬于原來的引用。
深復(fù)制 (深度克隆): 不緊復(fù)制對象的基本類, 同時(shí)也復(fù)制原對象中的對象。就是說完全是新對象產(chǎn)生的。

思路：

遍歷所有該對象的屬性，
如果該屬性是 "object" 則需要特殊處理，
如果這個(gè) object 對象比較特殊，是一個(gè)數(shù)組，那就創(chuàng)建一個(gè)新的數(shù)組并深復(fù)制數(shù)組里的元素
如果這個(gè) object 對象是個(gè)非數(shù)組對象，那直接再對它遞歸調(diào)用深復(fù)制方法即可。
如果不是 "object"，則直接正常復(fù)制就行。

注意事項(xiàng)：

直接在 Object.prototype 上實(shí)現(xiàn)該方法的好處是，所有對象都會(huì)繼承該方法。壞處是某些庫也會(huì)改寫 Object 對
象，所以有時(shí)會(huì)發(fā)生沖突。這是需要注意的。

代碼：

Object.prototype.deepCopy=function(){
    var obj={};//用于最后返回一個(gè)對象，這個(gè)對象是深復(fù)制的結(jié)果
    for(var attr in this){//遍歷這個(gè)對象的每一個(gè)屬性
        if(this.hasOwnProperty(attr)){//主要是遞歸自有屬性
            if(typeof (this[attr]==="object")){//如果對象的屬性是一個(gè)對象，就遞歸復(fù)制它的每一個(gè)屬性
                if(this[attr]===null){//如果對象為null
                    obj[attr]=null;
                }else if(Object.prototype.toString(this[attr])==="[object Array]"){//如果是個(gè)數(shù)組
                    obj[attr]=[];
                    for(var i=0;i
ES6 版本
function deepCopy(obj){
    if(typeof obj === "object"){
        if(obj === null){
            return null;
        }
        let result = {};
        const keys = Object.keys(obj);
        const length = keys.length;
        for(let i=0;i

GPU云服務(wù)器云服務(wù)器 asp復(fù)制對象對象存儲(chǔ) 覆蓋復(fù)制 php對象的復(fù)制 js數(shù)組對象深度復(fù)制

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/80817.html

相關(guān)文章

深入剖析 JavaScript 的深復(fù)制

摘要：的不能算作深復(fù)制，但它至少比直接賦值來得深一些，它創(chuàng)建了一個(gè)新的對象。它們的主要用途是對存在環(huán)的對象進(jìn)行深復(fù)制。比如源對象中的子對象在深復(fù)制以后，對應(yīng)于。希望這篇文章對你們有幫助深復(fù)制方法所謂擁抱未來的深復(fù)制實(shí)現(xiàn)參考資料本文最初發(fā)布于我的個(gè)人博客：咀嚼之味一年前我曾寫過一篇 Javascript 中的一種深復(fù)制實(shí)現(xiàn)，當(dāng)時(shí)寫這篇文章的時(shí)候還比較稚嫩，有很多地方?jīng)]有考慮仔細(xì)。...

gclove 2019-08-22 11:51 評(píng)論0 收藏0
JS 中的深拷貝與淺拷貝

摘要：什么是深拷貝淺拷貝見名知義，無論是深拷貝還是淺拷貝，都是的問題。使用如下以上就是關(guān)于中的深拷貝與淺拷貝的知識(shí)和如何進(jìn)行深拷貝的知識(shí)了，如果有錯(cuò)或者有其他方式的話，歡迎在下面留言評(píng)論啦前言最近在寫項(xiàng)目的時(shí)候涉及到一些父子組件傳遞個(gè)對象或者數(shù)組通信啥的，或者是直接復(fù)制添加對象啥的，直接使用賦值的時(shí)候總會(huì)出錯(cuò)。一查原來是淺拷貝的問題，就從網(wǎng)上找了點(diǎn)資料，匯總到這里來了。 1 什么是深拷貝...

ztyzz 2019-08-23 13:41 評(píng)論0 收藏0
在js中的深復(fù)制實(shí)現(xiàn)方法

摘要：針對本話題，我在年月發(fā)布了新的文章深入剖析的深復(fù)制要實(shí)現(xiàn)深復(fù)制有很多辦法，比如最簡單的辦法有上面這種方法好處是非常簡單易用，但是壞處也顯而易見，這會(huì)拋棄對象的，也就是深復(fù)制之后，無論這個(gè)對象原本的構(gòu)造函數(shù)是什么，在深復(fù)制之后都會(huì)變成。針對本話題，我在2015年5月發(fā)布了新的文章：深入剖析 JavaScript 的深復(fù)制要實(shí)現(xiàn)深復(fù)制有很多辦法，比如最簡單的辦法有： var...

Alliot 2019-08-19 14:44 評(píng)論0 收藏0
Javascript中的深復(fù)制

摘要：對一個(gè)對象或者數(shù)組這種引用類型的值進(jìn)行復(fù)制可以分為淺復(fù)制和深復(fù)制，比如這樣的一個(gè)對象很明顯這個(gè)對象是存在兩層的，不是基本類型值，而是另一個(gè)對象。上面講的就是淺復(fù)制，在實(shí)際應(yīng)用中存在很嚴(yán)重的問題?；诘淖龇ㄊ沁@樣的淺復(fù)制深復(fù)制對一個(gè)對象或者數(shù)組這種引用類型的值進(jìn)行復(fù)制可以分為淺復(fù)制和深復(fù)制，比如這樣的一個(gè)對象 let obj={ a:1, b:{ a:1...

104828720 2019-08-29 12:19 評(píng)論0 收藏0
Javascript中的深復(fù)制

摘要：對一個(gè)對象或者數(shù)組這種引用類型的值進(jìn)行復(fù)制可以分為淺復(fù)制和深復(fù)制，比如這樣的一個(gè)對象很明顯這個(gè)對象是存在兩層的，不是基本類型值，而是另一個(gè)對象。上面講的就是淺復(fù)制，在實(shí)際應(yīng)用中存在很嚴(yán)重的問題?；诘淖龇ㄊ沁@樣的淺復(fù)制深復(fù)制對一個(gè)對象或者數(shù)組這種引用類型的值進(jìn)行復(fù)制可以分為淺復(fù)制和深復(fù)制，比如這樣的一個(gè)對象 let obj={ a:1, b:{ a:1...

Lin_YT 2019-08-20 15:25 評(píng)論0 收藏0