深拷貝和淺拷貝

Kross 發(fā)布于2019-08-23 17:04 / 977人閱讀

摘要：只有對(duì)于復(fù)雜數(shù)據(jù)類型才有深淺拷貝一說(shuō)粗淺的解釋淺拷貝并不是真的拷貝，新對(duì)象仍指向原被拷貝對(duì)象的內(nèi)存地址，如有更新會(huì)被同步引用數(shù)據(jù)類型的名存在棧內(nèi)存中，值存在于堆內(nèi)存中，但是棧內(nèi)存會(huì)提供一個(gè)引用的地址指向堆內(nèi)存中的值深拷貝是完全拷貝出了獨(dú)立的

只有對(duì)于Object（復(fù)雜數(shù)據(jù)類型）才有深淺拷貝一說(shuō)

1、粗淺的解釋：

淺拷貝并不是真的拷貝，新對(duì)象仍指向原被拷貝對(duì)象的內(nèi)存地址，如有更新會(huì)被同步

（引用數(shù)據(jù)類型（Object）的名存在棧內(nèi)存中，值存在于堆內(nèi)存中，但是棧內(nèi)存會(huì)提供一個(gè)引用的地址指向堆內(nèi)存中的值）

深拷貝是完全拷貝出了獨(dú)立的對(duì)象，一毛一樣

2、怎樣實(shí)現(xiàn)深拷貝 遞歸方式

function deepClone(obj){
    let objClone = Array.isArray(obj)?[]:{}; 
    // 判斷是否為引用類型數(shù)據(jù)
    if(obj && typeof obj==="object"){
        for(key in obj){
            if(obj.hasOwnProperty(key)){
                //判斷ojb子元素是否為對(duì)象，如果是，遞歸復(fù)制
                if(obj[key]&&typeof obj[key] ==="object"){
                    objClone[key] = deepClone(obj[key]);
                }else{
                    //如果不是，簡(jiǎn)單復(fù)制
                    objClone[key] = obj[key];
                }
            }
        }
    }
    return objClone;
}    
let a=[1,2,3,4],
    b=deepClone(a);
a[0]=2;
console.log(a,b);    // 2234 1234

extend（jQuery方法）

$.extend( [ deep ], target, object1 [, objectN ] )
deep表示是否深拷貝，為true為深拷貝，為false，則為淺拷貝

let a=[0,1,[2,3],4],
    b=$.extend(true,[],a);
a[0]=1;
a[2][0]=1;
console.log(a,b);

借用JSON對(duì)象的parse和stringify

利用JSON.stringify 將js對(duì)象序列化（JSON字符串），再使用JSON.parse來(lái)反序列化(還原)js對(duì)象；序列化的作用是存儲(chǔ)(對(duì)象本身存儲(chǔ)的只是一個(gè)地址映射，如果斷電，對(duì)象將不復(fù)存在，因此需將對(duì)象的內(nèi)容轉(zhuǎn)換成字符串的形式再保存在磁盤上 )和傳輸（例如如果請(qǐng)求的Content-Type是 application/x-www-form-urlencoded，則前端這邊需要使用qs.stringify(data)來(lái)序列化參數(shù)再傳給后端，否則后端接受不到）

function deepClone(obj){
    let _obj = JSON.stringify(obj),
        objClone = JSON.parse(_obj);
    return objClone
}    
let a=[0,1,[2,3],4],
    b=deepClone(a);
a[0]=1;
a[2][0]=1;
console.log(a,b);

使用JSON做深拷貝時(shí)，被拷貝對(duì)象內(nèi)如果有date、RegExp或者是function會(huì)出現(xiàn)一些問(wèn)題
不懂的時(shí)候看看這個(gè)

GPU云服務(wù)器云服務(wù)器深拷貝和淺拷貝深拷貝 javascript深拷貝后拷貝預(yù)拷貝

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/103764.html

相關(guān)文章

JS里深拷貝和淺拷貝的釋義

摘要：本文解釋中深拷貝和淺拷貝的區(qū)別。深拷貝深拷貝指遞歸的復(fù)制對(duì)象的屬性給新對(duì)象。有些時(shí)候一層的深拷貝被認(rèn)為是淺拷貝，比如的值是一個(gè)對(duì)象，淺拷貝出來(lái)的新對(duì)象直接引用了原對(duì)象的對(duì)象，所以也會(huì)相互影響的。本文解釋javascript中深拷貝和淺拷貝的區(qū)別。淺拷貝/Shallow Copy 淺拷貝指拷貝了引用值。 var original = {prop1 : Prop1, prop2 : p...

zollero 2019-08-23 12:22 評(píng)論0 收藏0
深拷貝和淺拷貝的區(qū)別

摘要：深拷貝和淺拷貝的區(qū)別背景最近在用框架寫頁(yè)面，賦值給中的對(duì)象時(shí)會(huì)出現(xiàn)一個(gè)問(wèn)題，賦值和被賦值對(duì)象之中任何一個(gè)有變化，另一個(gè)也會(huì)隨之變化。深拷貝和淺拷貝的區(qū)別背景：最近在用vue框架寫頁(yè)面，賦值給Vue.$data中的對(duì)象時(shí)會(huì)出現(xiàn)一個(gè)問(wèn)題，賦值和被賦值對(duì)象之中任何一個(gè)有變化，另一個(gè)也會(huì)隨之變化。例如： var b = { foo: 123 }; var vm = new Vue(...

suemi 2019-08-21 17:07 評(píng)論0 收藏0
js深拷貝和淺拷貝

摘要：深拷貝和淺拷貝深拷貝和淺拷貝的示意圖大致如下淺拷貝只復(fù)制指向某個(gè)對(duì)象的指針，而不復(fù)制對(duì)象本身，新舊對(duì)象還是共享同一塊內(nèi)存。參考文章什么是深拷貝和淺拷貝及其實(shí)現(xiàn)方式走在前端的大道上本篇將自己讀過(guò)的相關(guān)文章中，對(duì)自己有啟發(fā)的章節(jié)片段總結(jié)在這（會(huì)對(duì)原文進(jìn)行刪改）,會(huì)不斷豐富提煉總結(jié)更新。淺拷貝 var m = { a: 10, b: 20 } var n = m; n.a = 15; ...

MAX_zuo 2019-08-21 18:46 評(píng)論0 收藏0
對(duì)深拷貝和淺拷貝的全面理解

摘要：關(guān)于深拷貝和淺拷貝從原理看淺拷貝拷貝一層，對(duì)象級(jí)別的則拷貝引用深拷貝拷貝多層，每個(gè)層級(jí)的屬性都會(huì)拷貝從現(xiàn)象看復(fù)制了，被修改后，隨變化而變化淺拷貝不變深拷貝深拷貝針對(duì)的復(fù)雜的類型數(shù)據(jù)如直接賦值的單層拷貝，如，雖然不受的影響，但是這也不算做關(guān)于深拷貝和淺拷貝從原理看：淺拷貝：拷貝一層，對(duì)象級(jí)別的則拷貝引用深拷貝：拷貝多層，每個(gè)層級(jí)的屬性都會(huì)拷貝從現(xiàn)象看：A復(fù)制了B，B被修改后...

_DangJin 2019-08-23 16:57 評(píng)論0 收藏0
探索php和python下對(duì)象的深拷貝和淺拷貝

摘要：對(duì)于而言，情況可能會(huì)有點(diǎn)小復(fù)雜，因?yàn)橐磺薪詾閷?duì)象，所以的普通賦值深拷貝和淺拷貝之間都是有細(xì)微區(qū)別的。二下的他們?cè)谥校瑢?duì)象的賦值和傳遞都是引用。一、深拷貝與淺拷貝 ??深拷貝：賦值時(shí)值完全復(fù)制，完全的copy，對(duì)其中一個(gè)作出改變，不會(huì)影響另一個(gè) ??淺拷貝：賦值時(shí)，引用賦值，相當(dāng)于取了一個(gè)別名。對(duì)其中一個(gè)修改，會(huì)影響另一個(gè) ??對(duì)于PHP而言，= 賦值時(shí)，普通對(duì)象是深拷貝，但對(duì)對(duì)象來(lái)說(shuō)...

shinezejian 2019-07-01 12:25 評(píng)論0 收藏0
探索php和python下對(duì)象的深拷貝和淺拷貝

摘要：對(duì)于而言，情況可能會(huì)有點(diǎn)小復(fù)雜，因?yàn)橐磺薪詾閷?duì)象，所以的普通賦值深拷貝和淺拷貝之間都是有細(xì)微區(qū)別的。二下的他們?cè)谥?，?duì)象的賦值和傳遞都是引用。一、深拷貝與淺拷貝 ??深拷貝：賦值時(shí)值完全復(fù)制，完全的copy，對(duì)其中一個(gè)作出改變，不會(huì)影響另一個(gè) ??淺拷貝：賦值時(shí)，引用賦值，相當(dāng)于取了一個(gè)別名。對(duì)其中一個(gè)修改，會(huì)影響另一個(gè) ??對(duì)于PHP而言，= 賦值時(shí)，普通對(duì)象是深拷貝，但對(duì)對(duì)象來(lái)說(shuō)...

wizChen 2019-07-30 14:51 評(píng)論0 收藏0