深拷貝&淺拷貝

數(shù)據(jù)保存到對象以后會涉及到拷貝的問題,而數(shù)據(jù)保存的格式多樣,這就涉及到了深拷貝和淺拷貝的問題固阁。
產(chǎn)生的原因:

    var arr1 = [1,2,3,4,5];
    var arr2 = arr1;
    arr2[1] = 6;
    document.write("arr1: " + arr1 + "<br/>");  //打印結(jié)果:arr1: 1,6,3,4,5
    document.write("arr2: " + arr2);//打印結(jié)果:arr2: 1,6,3,4,5

    //打印結(jié)果:
    //arr1: 1,6,3,4,5
    //\arr2: 1,6,3,4,5

用以上方式將數(shù)組拷貝到arr2中是直接讓兩個對象同時指向同一片內(nèi)存區(qū)域夭禽,更改其中的一個,另一個也會更改,為了使兩個對象保存以后不會互相影響传于,用下面的一個簡單地例子說明:

    var arr1 = [1,2,3,4,5];
    var arr2 = [];
    for(var i = 0; i < arr1.length; i++){
        arr2[i] = arr1[i];
    }
    arr2[1] = 6;
    document.write("arr1: " + arr1 + "<br/>");
    document.write("arr2: " + arr2);
    
    //打印結(jié)果:
    //arr1: 1,2,3,4,5
    //arr2: 1,6,3,4,5

使用循環(huán)將arr1里面的數(shù)據(jù)一一添加到新的對象中囱挑,這樣打印出來的結(jié)果就不會相互影響,也就是一個淺拷貝沼溜。
Array的slice函數(shù)也可以實現(xiàn)淺拷貝:

    //此方法只針對Array
    var arr1 = [1,2,3,4,5];
    var arr2 = arr1.slice(1);
    arr2[0] = "a";
    document.write(arr1 + "<br/>");
    document.write(arr2);

    //輸出結(jié)果:
    //1,2,3,4,5
    //a,3,4,5

但是這個方法也只是淺拷貝的一種平挑,數(shù)組有多層的時候也是不行的,例如:

    var arr1 = [[1,11],[2,22],[3,33]];
    var arr2 = arr1.slice(1);
    arr2[0][1] = "a";
    document.write(arr1 + "<br/>");
    document.write(arr2);

    //輸出結(jié)果:
    //1,11,2,a,3,33
    //2,a,3,33

Array的concat函數(shù)也是淺拷貝系草,實例如下:

    var arr1 = [1,2,3];
    var arr2 = [4,5,6];
    var arr3 = arr1.concat(arr2);
    arr2[1] = "aa";
    document.write(arr3);

    //輸出結(jié)果:
    //1,2,3,4,5,6

生成的第三個數(shù)組是獨立的通熄,受arr1和arr2影響。但也只能實現(xiàn)淺拷貝找都。

淺拷貝只是拷貝了對象最外面的一層唇辨,但是并不是所有的對象都是簡單到只有一層,所以出現(xiàn)了深拷貝能耻,利用遞歸將對象深拷貝助泽。
用遞歸寫了一個例子:

var object1 = [1,2,3,4,{a:"aaa", b:"bbb"},6,7,[8,9,{c:"ccc", d:"ddd"}]];
function deepCopy(obj, newObj) {
    var newObj = newObj || ((obj.constructor === Array) ? [] : {});
    for (var i in obj) {
        if (typeof obj[i] === 'object') {
            newObj[i] = (obj[i].constructor === Array) ? [] : {};
            deepCopy(obj[i], newObj[i]);
        } else {
            newObj[i] = obj[i];
        }
    }
    return newObj;
}
var arr = deepCopy(object1);
arr[4].a = "ccc";
console.log(object1);// [1,2,3,4,{a:"aaa", b:"bbb"},6,7,[8,9,{c:"ccc", d:"ddd"}]]
console.log(arr);// [1,2,3,4,{a:"ccc", b:"bbb"},6,7,[8,9,{c:"ccc", d:"ddd"}]]

在拷貝的時候檢查數(shù)據(jù)的格式,然后分情況拷貝嚎京。這樣的方法可以提高代碼的重用嗡贺,在數(shù)據(jù)格式未知的情況下,避免出錯鞍帝,但是這樣寫在某些情況下也會降低代碼執(zhí)行的效率诫睬,比如數(shù)據(jù)已知并且單一的情況下,淺拷貝就可以滿足帕涌,并且可以提高代碼執(zhí)行的效率摄凡。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市蚓曼,隨后出現(xiàn)的幾起案子亲澡,更是在濱河造成了極大的恐慌,老刑警劉巖纫版,帶你破解...
    沈念sama閱讀 223,126評論 6 520
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件床绪,死亡現(xiàn)場離奇詭異,居然都是意外死亡其弊,警方通過查閱死者的電腦和手機(jī)癞己,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,421評論 3 400
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來梭伐,“玉大人痹雅,你說我怎么就攤上這事『叮” “怎么了绩社?”我有些...
    開封第一講書人閱讀 169,941評論 0 366
  • 文/不壞的土叔 我叫張陵摔蓝,是天一觀的道長。 經(jīng)常有香客問我愉耙,道長项鬼,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,294評論 1 300
  • 正文 為了忘掉前任劲阎,我火速辦了婚禮绘盟,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘悯仙。我一直安慰自己龄毡,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 69,295評論 6 398
  • 文/花漫 我一把揭開白布锡垄。 她就那樣靜靜地躺著沦零,像睡著了一般。 火紅的嫁衣襯著肌膚如雪货岭。 梳的紋絲不亂的頭發(fā)上路操,一...
    開封第一講書人閱讀 52,874評論 1 314
  • 那天,我揣著相機(jī)與錄音千贯,去河邊找鬼屯仗。 笑死,一個胖子當(dāng)著我的面吹牛搔谴,可吹牛的內(nèi)容都是我干的魁袜。 我是一名探鬼主播,決...
    沈念sama閱讀 41,285評論 3 424
  • 文/蒼蘭香墨 我猛地睜開眼敦第,長吁一口氣:“原來是場噩夢啊……” “哼峰弹!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起芜果,我...
    開封第一講書人閱讀 40,249評論 0 277
  • 序言:老撾萬榮一對情侶失蹤鞠呈,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后右钾,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體蚁吝,經(jīng)...
    沈念sama閱讀 46,760評論 1 321
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,840評論 3 343
  • 正文 我和宋清朗相戀三年霹粥,在試婚紗的時候發(fā)現(xiàn)自己被綠了灭将。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,973評論 1 354
  • 序言:一個原本活蹦亂跳的男人離奇死亡后控,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出空镜,到底是詐尸還是另有隱情浩淘,我是刑警寧澤捌朴,帶...
    沈念sama閱讀 36,631評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站张抄,受9級特大地震影響砂蔽,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜署惯,卻給世界環(huán)境...
    茶點故事閱讀 42,315評論 3 336
  • 文/蒙蒙 一左驾、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧极谊,春花似錦诡右、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,797評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至咙边,卻和暖如春猜煮,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背败许。 一陣腳步聲響...
    開封第一講書人閱讀 33,926評論 1 275
  • 我被黑心中介騙來泰國打工王带, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人市殷。 一個月前我還...
    沈念sama閱讀 49,431評論 3 379
  • 正文 我出身青樓辫秧,卻偏偏與公主長得像,于是被迫代替她去往敵國和親被丧。 傳聞我的和親對象是個殘疾皇子盟戏,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,982評論 2 361

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