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

資訊專欄INFORMATION COLUMN

關(guān)于js的淺拷貝與深拷貝

summerpxy / 916人閱讀

摘要：原文地址淺拷貝和深拷貝只針對像這樣的復(fù)雜對象的簡單來說，淺拷貝只拷貝一層對象的屬性，而深拷貝則遞歸拷貝了所有層級。淺拷貝通過來實(shí)現(xiàn)淺拷貝。

原文地址：http://www.silenceboy.com/201...

淺拷貝和深拷貝只針對像Object, Array這樣的復(fù)雜對象的.簡單來說，淺拷貝只拷貝一層對象的屬性，而深拷貝則遞歸拷貝了所有層級。

淺拷貝 通過 Object.assign 來實(shí)現(xiàn)淺拷貝。 
let a = {
    num: 1
}
let b = Object.assign({}, a)
a.num = 2
console.log(b.num) // 1
通過展開運(yùn)算符(…)來實(shí)現(xiàn)淺拷貝 
let a = {
    num: 1
}
let b = {...a}
a.num = 2
console.log(b.num) // 1
通過屬性賦值來實(shí)現(xiàn)淺拷貝: 
const obj = { a:1, arr: [2,3] };
const shallowObj = shallowCopy(obj);

function shallowCopy(src) {
  var dst = {};
  for (var prop in src) {
    if (src.hasOwnProperty(prop)) {
      dst[prop] = src[prop];
    }
  }
  return dst;
}

該方法體現(xiàn)了淺拷貝的問題．因?yàn)闇\拷貝只會將對象的各個屬性進(jìn)行依次拷貝，并不會進(jìn)行遞歸拷貝，而 JavaScript 存儲對象都是存地址的，所以淺拷貝會導(dǎo)致 obj.arr 和 shallowObj.arr 指向同一塊內(nèi)存地址．

導(dǎo)致的結(jié)果就是：

shallowObj.arr[1] = 5;
obj.arr[1]   // = 5

這種情況就需要用到深拷貝了．

深拷貝 通過JSON序列化實(shí)現(xiàn)深拷貝 
你不知道的JavaScript(上) 
許多JavaScript框架都提出了自己的解決辦法,但是Javascript應(yīng)該采用那種方法作為標(biāo)準(zhǔn)吶? 在很長一段時間里,這個問題都沒有明確的答案.對于JSON安全(也就是說可以被序列化為一個JSON字符串并且可以根據(jù)這個字符串解析出一個結(jié)構(gòu)和值完全一樣的對象)的對象來說,有一種巧妙的復(fù)制方法:
var newObj = JSON.parse(JSON.stringify(someObj));
當(dāng)然,這種方法需要保證對象是JSON安全的,所以只適用于部分情況.

該方法的局限性:

會忽略 undefined

會忽略 symbol

不能序列化函數(shù)

不能解決循環(huán)引用的對象

遞歸完成深拷貝 
function deepCopy(obj){
    //判斷是否是簡單數(shù)據(jù)類型，
    if(typeof obj == "object"){
        //復(fù)雜數(shù)據(jù)類型
        var result = obj.constructor == Array ? [] : {};
        for(let i in obj){
            result[i] = typeof obj[i] == "object" ? deepCopy(obj[i]) : obj[i];
        }
    }else {
        //簡單數(shù)據(jù)類型 直接 == 賦值
        var result = obj;
    }
    return result;
}

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

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

相關(guān)文章

  • JS引用類型數(shù)據(jù)的淺拷貝與深拷貝

    摘要：拷貝到，屬性均順利拷貝。大輝小輝，小輝，大輝小輝，小輝，大輝但是，若修改的屬性變?yōu)閷ο蠡驍?shù)組時，那么對象之間就會發(fā)生關(guān)聯(lián)。深拷貝不希望對象之間產(chǎn)生關(guān)聯(lián)，那么這時候可以用到深拷貝。 淺拷貝 之前文章提到，在定義一個對象或數(shù)組時，變量存放的往往只是一個地址。當(dāng)我們對堆內(nèi)存中的對象復(fù)制時，如果屬性是對象或數(shù)組時，這時候我們拷貝的只是一個棧內(nèi)存的指針。因此b對象在訪問該屬性時，會根據(jù)指針尋找...

    MangoGoing 評論0 收藏0

  • JavaScript中的淺拷貝與深拷貝

    摘要：所以，深拷貝是對對象以及對象的所有子對象進(jìn)行拷貝實(shí)現(xiàn)方式就是遞歸調(diào)用淺拷貝對于深拷貝的對象，改變源對象不會對得到的對象有影響。 為什么會有淺拷貝與深拷貝什么是淺拷貝與深拷貝如何實(shí)現(xiàn)淺拷貝與深拷貝好了，問題出來了，那么下面就讓我們帶著這幾個問題去探究一下吧！ 如果文章中有出現(xiàn)紕漏、錯誤之處，還請看到的小伙伴多多指教，先行謝過 以下↓ 數(shù)據(jù)類型在開始了解 淺拷貝 與 深拷貝 之前，讓我們先...

    546669204 評論0 收藏0

  • JavaScript中的淺拷貝與深拷貝

    摘要：所以，深拷貝是對對象以及對象的所有子對象進(jìn)行拷貝實(shí)現(xiàn)方式就是遞歸調(diào)用淺拷貝對于深拷貝的對象，改變源對象不會對得到的對象有影響。 上一篇 JavaScript中的繼承 前言 文章開始之前，讓我們先思考一下這幾個問題： 為什么會有淺拷貝與深拷貝 什么是淺拷貝與深拷貝 如何實(shí)現(xiàn)淺拷貝與深拷貝 好了，問題出來了，那么下面就讓我們帶著這幾個問題去探究一下吧！ 如果文章中有出現(xiàn)紕漏、錯誤之處...

    AZmake 評論0 收藏0

  • 關(guān)于JavaScript的淺拷貝和深拷貝

    摘要：引用類型值引用類型值是保存在堆內(nèi)存中的對象，變量保存的只是指向該內(nèi)存的地址，在復(fù)制引用類型值的時候，其實(shí)只復(fù)制了指向該內(nèi)存的地址。 前言 要理解 JavaScript中淺拷貝和深拷貝的區(qū)別，首先要明白JavaScript的數(shù)據(jù)類型。JavaScript有兩種數(shù)據(jù)類型，基礎(chǔ)數(shù)據(jù)類型和引用數(shù)據(jù)類型。js的基本類型：undefined，null，string，boolean，number,s...

    shenhualong 評論0 收藏0

  • 淺談JavaScript的淺拷貝與深拷貝

    摘要：引用數(shù)據(jù)類型是存放在堆內(nèi)存中的，變量實(shí)際上是一個存放在棧內(nèi)存的指針，這個指針指向堆內(nèi)存中的地址。棧和堆的區(qū)別其實(shí)淺拷貝和深拷貝的主要區(qū)別就是數(shù)據(jù)在內(nèi)存中的存儲類型不同。這里，對存在子對象的對象進(jìn)行拷貝的時候，就是深拷貝了。 數(shù)據(jù)類型 在開始拷貝之前，我們從JavaScript的數(shù)據(jù)類型和內(nèi)存存放地址講起。數(shù)據(jù)類型分為基本數(shù)據(jù)類型 和引用數(shù)據(jù)類型 基本數(shù)據(jù)類型主要包括undefin...

    娣辯孩 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<