成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Javascript中的深復(fù)制

Lin_YT / 2152人閱讀

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

對(duì)一個(gè)對(duì)象或者數(shù)組這種引用類型的值進(jìn)行復(fù)制可以分為淺復(fù)制和深復(fù)制，比如這樣的一個(gè)對(duì)象

let obj={
    a:1,
    b:{
        a:1,
        b:2
    },
    c:3
}

很明顯這個(gè)對(duì)象是存在兩層的，obj[b]不是基本類型值，而是另一個(gè)對(duì)象。如果使用淺復(fù)制去拷貝這個(gè)對(duì)象的話，那么拷貝出來(lái)新的對(duì)象的b屬性的值是原來(lái)對(duì)象b屬性的引用地址，也就是說(shuō)，如果改變?cè)磳?duì)象的b屬性，新的對(duì)象也會(huì)受到影響，因?yàn)槲覀冎皇褂脺\復(fù)制拷貝了一層。

上面講的就是淺復(fù)制，在實(shí)際應(yīng)用中存在很?chē)?yán)重的問(wèn)題。所以我們一般復(fù)制對(duì)象都是用深復(fù)制，深復(fù)制不是簡(jiǎn)單的復(fù)制一層，而是遍歷整個(gè)對(duì)象，一直到獲取到的值不是引用類型，而是基本類型的時(shí)候才進(jìn)行復(fù)制，這樣就使得新的對(duì)象跟原來(lái)的對(duì)象完全是兩個(gè)不同的對(duì)象了。

下面是我寫(xiě)的一個(gè)簡(jiǎn)單的深復(fù)制函數(shù)

let obj={
    a:1,
    b:{
        a:1,
        b:2
    },
    c:3
}

function deepClone(object){
    let obj=new Object();
    if(object instanceof Object){
//         說(shuō)明是對(duì)象
        for(let attr in object){
            if(object.hasOwnProperty(attr)){
//                 過(guò)濾基本類型值
                if(typeof object[attr]!="object"||object[attr]==null){
                    obj[attr]=object[attr];
                }else{
                    obj[attr]=deepClone(object[attr]);
                }
            }
        }
    }
    return obj;
}

let obj2=deepClone(obj);
obj.b=1;
console.log(obj,obj2);

注意，這個(gè)函數(shù)是存在問(wèn)題的，因?yàn)檫@個(gè)函數(shù)只能處理純對(duì)象類型，也就是說(shuō)屬性中包含數(shù)組的對(duì)象該方法是無(wú)法處理的。

下面這里有一個(gè)方法是stackoverflow上的答案，兼容了數(shù)組與對(duì)象的

function clone(obj) {
    var copy;

    // Handle the 3 simple types, and null or undefined
    if (null == obj || "object" != typeof obj) return obj;

    // Handle Date
    if (obj instanceof Date) {
        copy = new Date();
        copy.setTime(obj.getTime());
        return copy;
    }

    // Handle Array
    if (obj instanceof Array) {
        copy = [];
        for (var i = 0, len = obj.length; i < len; i++) {
            copy[i] = clone(obj[i]);
        }
        return copy;
    }

    // Handle Object
    if (obj instanceof Object) {
        copy = {};
        for (var attr in obj) {
            if (obj.hasOwnProperty(attr)) copy[attr] = clone(obj[attr]);
        }
        return copy;
    }

    throw new Error("Unable to copy obj! Its type isn"t supported.");
}

還有一種比較抖機(jī)靈的做法就是

var cloneOfA = JSON.parse(JSON.stringify(a));

這種做法也是可以實(shí)現(xiàn)深復(fù)制，但是由于JSON.stringify()方法在遇到undefined值時(shí)會(huì)省略對(duì)應(yīng)的屬性，所以這個(gè)方法不太推薦使用，存在問(wèn)題。

基于jQ的做法是這樣的

var copiedObject = jQuery.extend({}, originalObject) // shallow copy淺復(fù)制

var copiedObject = jQuery.extend(true, {}, originalObject) // deep copy深復(fù)制

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

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

相關(guān)文章

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

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

    gclove 評(píng)論0 收藏0

  • Javascript中的深復(fù)制

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

    104828720 評(píng)論0 收藏0

  • Javascript中的深復(fù)制

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

    AbnerMing 評(píng)論0 收藏0

  • 在js中的深復(fù)制實(shí)現(xiàn)方法

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

    Alliot 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<