28-02:深淺拷貝的區(qū)別和實(shí)現(xiàn)

數(shù)組的淺拷貝:

如果是數(shù)組,我們可以利用數(shù)組的一些方法,比如 slice啊鸭,concat 方法返回一個(gè)新數(shù)組的特性來實(shí)現(xiàn)拷貝发绢,但假如數(shù)組嵌套了對(duì)象或者數(shù)組的話硬耍,使用 concat 方法克隆并不完整, 如果數(shù)組元素是基本類型朴摊,就會(huì)拷貝一份默垄,互不影響,而如果是對(duì)象或數(shù)組甚纲,就會(huì)只拷貝對(duì)象和數(shù)組的引用口锭,這樣我們無論在新舊數(shù)組進(jìn)行了修改,兩者都會(huì)發(fā)生變化,我們把這種復(fù)制引用的拷貝方法稱為淺拷貝鹃操,

深拷貝就是指完全的拷貝一個(gè)對(duì)象韭寸,即使嵌套了對(duì)象,兩者也互相分離荆隘,修改一個(gè)對(duì)象的屬性恩伺,不會(huì)影響另一個(gè)

如何深拷貝一個(gè)數(shù)組

1、這里介紹一個(gè)技巧椰拒,不僅適用于數(shù)組還適用于對(duì)象晶渠!那就是:

var arr = ['old', 1, true, ['old1', 'old2'], {old: 1}] 

var new_arr = JSON.parse( JSON.stringify(arr) ); 

console.log(new_arr); 

原理是 JOSN 對(duì)象中的 stringify 可以把一個(gè) js 對(duì)象序列化為一個(gè) JSON 字符串,parse 可以把 JSON 字符串反序列化為一個(gè) js 對(duì)象燃观,通過這兩個(gè)方法褒脯,也可以實(shí)現(xiàn)對(duì)象的深復(fù)制。

但是這個(gè)方法不能夠拷貝函數(shù)

淺拷貝的實(shí)現(xiàn):

以上三個(gè)方法 concat,slice ,JSON.stringify 都是技巧類缆毁,根據(jù)實(shí)際項(xiàng)目情況選擇使用番川,我們可以思考下如何實(shí)現(xiàn)一個(gè)對(duì)象或數(shù)組的淺拷貝,遍歷對(duì)象脊框,然后把屬性和屬性值都放在一個(gè)新的對(duì)象里即可

var shallowCopy = function(obj) { 

// 只拷貝對(duì)象 

  if (typeof obj !== 'object') return;

// 根據(jù) obj 的類型判斷是新建一個(gè)數(shù)組還是對(duì)象 

  var newObj = obj instanceof Array ? [] : {}; 

// 遍歷 obj颁督,并且判斷是 obj 的屬性才拷貝 

  for (var key in obj) { 

    if (obj.hasOwnProperty(key)) { 

      newObj[key] = obj[key]; 

    }

  }

  return newObj; 

}

深拷貝的實(shí)現(xiàn)

那如何實(shí)現(xiàn)一個(gè)深拷貝呢?說起來也好簡(jiǎn)單浇雹,我們?cè)诳截惖臅r(shí)候判斷一下屬性值的類型沉御,

如果是對(duì)象,我們遞歸調(diào)用深拷貝函數(shù)不就好了~

var deepCopy = function(obj) { 

  if (typeof obj !== 'object') return; 

  var newObj = obj instanceof Array ? [] : {}; 

  for (var key in obj) { 

    if (obj.hasOwnProperty(key)) { 

      newObj[key] = typeof obj[key] === 'object' ? deepCopy(obj[key]) : obj[key]; 

    }

  }

  return newObj; 

} 
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末箫爷,一起剝皮案震驚了整個(gè)濱河市嚷节,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌虎锚,老刑警劉巖硫痰,帶你破解...
    沈念sama閱讀 210,835評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異窜护,居然都是意外死亡效斑,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,900評(píng)論 2 383
  • 文/潘曉璐 我一進(jìn)店門柱徙,熙熙樓的掌柜王于貴愁眉苦臉地迎上來缓屠,“玉大人,你說我怎么就攤上這事护侮〉型辏” “怎么了?”我有些...
    開封第一講書人閱讀 156,481評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵羊初,是天一觀的道長(zhǎng)滨溉。 經(jīng)常有香客問我什湘,道長(zhǎng),這世上最難降的妖魔是什么晦攒? 我笑而不...
    開封第一講書人閱讀 56,303評(píng)論 1 282
  • 正文 為了忘掉前任闽撤,我火速辦了婚禮,結(jié)果婚禮上脯颜,老公的妹妹穿的比我還像新娘哟旗。我一直安慰自己,他們只是感情好栋操,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,375評(píng)論 5 384
  • 文/花漫 我一把揭開白布闸餐。 她就那樣靜靜地躺著,像睡著了一般矾芙。 火紅的嫁衣襯著肌膚如雪绎巨。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,729評(píng)論 1 289
  • 那天蠕啄,我揣著相機(jī)與錄音,去河邊找鬼戈锻。 笑死歼跟,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的格遭。 我是一名探鬼主播哈街,決...
    沈念sama閱讀 38,877評(píng)論 3 404
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼拒迅!你這毒婦竟也來了骚秦?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,633評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤璧微,失蹤者是張志新(化名)和其女友劉穎作箍,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體前硫,經(jīng)...
    沈念sama閱讀 44,088評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡胞得,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,443評(píng)論 2 326
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了屹电。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片阶剑。...
    茶點(diǎn)故事閱讀 38,563評(píng)論 1 339
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖危号,靈堂內(nèi)的尸體忽然破棺而出牧愁,到底是詐尸還是另有隱情,我是刑警寧澤外莲,帶...
    沈念sama閱讀 34,251評(píng)論 4 328
  • 正文 年R本政府宣布猪半,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏办龄。R本人自食惡果不足惜烘绽,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,827評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望俐填。 院中可真熱鬧安接,春花似錦、人聲如沸英融。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,712評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽驶悟。三九已至胡野,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間痕鳍,已是汗流浹背硫豆。 一陣腳步聲響...
    開封第一講書人閱讀 31,943評(píng)論 1 264
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留笼呆,地道東北人熊响。 一個(gè)月前我還...
    沈念sama閱讀 46,240評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像诗赌,于是被迫代替她去往敵國(guó)和親汗茄。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,435評(píng)論 2 348

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