JS中數(shù)組和對象的 深復(fù)制(拷貝)與淺復(fù)制(拷貝)

JS中數(shù)組和對象的 深復(fù)制(拷貝)與淺復(fù)制(拷貝)

1.js中有五種簡單的數(shù)據(jù)類型(null李茫,string,undefined肥橙,number魄宏,boolean)和一種復(fù)雜數(shù)據(jù)類型(Object),當(dāng)我們復(fù)制簡單類型時(shí)存筏,效果如下


也就是說 當(dāng)b被重新賦值時(shí) a并不會被改變宠互。

但是當(dāng)我們復(fù)制復(fù)雜的數(shù)據(jù)類型時(shí)以數(shù)組為例 ,效果如下


我們看到 當(dāng)我們改變b的值時(shí)椭坚,a也被改變了予跌,這顯然不是我們想要的結(jié)果,所以便出現(xiàn)了深復(fù)制這個(gè)說法善茎,下面以數(shù)組為例券册,說明一下數(shù)組深復(fù)制的方法。

2,數(shù)組的深復(fù)制

(1)for循環(huán)


循環(huán)賦值烁焙,改變b的值 不會影響a的值航邢,下面穿插一個(gè)知識點(diǎn): 數(shù)組中循環(huán)最好不要用for in ,因?yàn)閒or in 循環(huán) 會循環(huán)出原型鏈上的內(nèi)容骄蝇,當(dāng)數(shù)組原型鏈上聲明了方法膳殷,我們得到的結(jié)果就不是我們想要的了。

(2)slice方法

slice方法的定義為:返回一個(gè)新的數(shù)組九火,包含從 start 到 end (不包括該元素)的 arrayObject 中的元素赚窃;

重點(diǎn)在? 返回一個(gè) 新的數(shù)組 ,也就是說不會改變原數(shù)組岔激,也就是達(dá)到了我們的目的


補(bǔ)充知識點(diǎn):slice中參數(shù)為負(fù)數(shù)時(shí)勒极,則用數(shù)組長度加上該數(shù)來確定相應(yīng)的位置

(3)concat方法

concat() 方法用于連接兩個(gè)或多個(gè)數(shù)組。該方法不會改變現(xiàn)有的數(shù)組鹦倚,而僅僅會返回被連接數(shù)組的一個(gè)副本


鏈接一個(gè)空數(shù)組還是原有數(shù)組河质,從而達(dá)到復(fù)制的目的,生成新的數(shù)組震叙,不會改變原有數(shù)組

(4)ES6的 “...“ 擴(kuò)展運(yùn)算符 :?將一個(gè)數(shù)組轉(zhuǎn)為用逗號分隔的參數(shù)序列掀鹅。


3.對象的深復(fù)制

(1)for循環(huán) 實(shí)現(xiàn)深復(fù)制


(2)轉(zhuǎn)換成json再轉(zhuǎn)換成對象


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市媒楼,隨后出現(xiàn)的幾起案子乐尊,更是在濱河造成了極大的恐慌,老刑警劉巖划址,帶你破解...
    沈念sama閱讀 211,948評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件扔嵌,死亡現(xiàn)場離奇詭異,居然都是意外死亡夺颤,警方通過查閱死者的電腦和手機(jī)痢缎,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,371評論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來世澜,“玉大人独旷,你說我怎么就攤上這事×攘眩” “怎么了嵌洼?”我有些...
    開封第一講書人閱讀 157,490評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長封恰。 經(jīng)常有香客問我麻养,道長,這世上最難降的妖魔是什么诺舔? 我笑而不...
    開封第一講書人閱讀 56,521評論 1 284
  • 正文 為了忘掉前任鳖昌,我火速辦了婚禮备畦,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘遗遵。我一直安慰自己萍恕,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,627評論 6 386
  • 文/花漫 我一把揭開白布车要。 她就那樣靜靜地躺著允粤,像睡著了一般。 火紅的嫁衣襯著肌膚如雪翼岁。 梳的紋絲不亂的頭發(fā)上类垫,一...
    開封第一講書人閱讀 49,842評論 1 290
  • 那天,我揣著相機(jī)與錄音琅坡,去河邊找鬼悉患。 笑死,一個(gè)胖子當(dāng)著我的面吹牛榆俺,可吹牛的內(nèi)容都是我干的售躁。 我是一名探鬼主播,決...
    沈念sama閱讀 38,997評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼茴晋,長吁一口氣:“原來是場噩夢啊……” “哼陪捷!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起诺擅,我...
    開封第一講書人閱讀 37,741評論 0 268
  • 序言:老撾萬榮一對情侶失蹤市袖,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后烁涌,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體苍碟,經(jīng)...
    沈念sama閱讀 44,203評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,534評論 2 327
  • 正文 我和宋清朗相戀三年撮执,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了微峰。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,673評論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡抒钱,死狀恐怖县忌,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情继效,我是刑警寧澤,帶...
    沈念sama閱讀 34,339評論 4 330
  • 正文 年R本政府宣布装获,位于F島的核電站瑞信,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏穴豫。R本人自食惡果不足惜凡简,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,955評論 3 313
  • 文/蒙蒙 一逼友、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧秤涩,春花似錦帜乞、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,770評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至匀谣,卻和暖如春照棋,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背武翎。 一陣腳步聲響...
    開封第一講書人閱讀 32,000評論 1 266
  • 我被黑心中介騙來泰國打工烈炭, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人宝恶。 一個(gè)月前我還...
    沈念sama閱讀 46,394評論 2 360
  • 正文 我出身青樓符隙,卻偏偏與公主長得像,于是被迫代替她去往敵國和親垫毙。 傳聞我的和親對象是個(gè)殘疾皇子霹疫,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,562評論 2 349

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

  • 第5章 引用類型(返回首頁) 本章內(nèi)容 使用對象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學(xué)一百閱讀 3,219評論 0 4
  • javaScript的變量類型 基本類型:5種基本數(shù)據(jù)類型Undefined、Null露久、Boolean更米、Numbe...
    葶寳寳閱讀 507評論 4 7
  • 1.背景介紹 什么是棧內(nèi)存和堆內(nèi)存? JavaScript中的變量的存放有有原始值與引用值之分毫痕,原始值代表了原始的...
    lx2487閱讀 3,345評論 0 2
  • 大家好征峦,我是IT修真院成都分院第7期的學(xué)員韓建名,一枚正直純潔善良的WEB前端程序員消请。 1.背景介紹 在使用Jav...
    inh_閱讀 356評論 0 0
  • 昨天栏笆,吃完午飯后,俺和俺的好朋友張袆凡臊泰,一起去操場后的飼養(yǎng)場喂狗去了蛉加,首先我們一人盛了一碗飯(他盛的飯的是土豆燉肉...
    先祖stone閱讀 299評論 0 3