我們看一下這個(gè)例子：

let a={tile:'深復(fù)制'}; let b=a; a.title='淺復(fù)制';

那么我們會(huì)獲得兩個(gè)對(duì)象，一個(gè)a，一個(gè)b，a的title是淺復(fù)制，b的title是深復(fù)制。
但結(jié)果真是這樣嗎？

我們console.log一下

?

?

?為啥兩個(gè)都是輸出"淺復(fù)制"。。。。

其實(shí)，a，b是共用同一個(gè)地址，所以雖然看起來(lái)是兩個(gè)對(duì)象，其實(shí)就是一個(gè)對(duì)象，a===b，這就是深復(fù)制，復(fù)制的不僅僅是數(shù)據(jù)，而且連地址一起復(fù)制過(guò)來(lái)了，相當(dāng)于Windows的快捷方式，表面上看起來(lái)一個(gè)在C盤(pán)，一個(gè)在D盤(pán)，其實(shí)都是一個(gè)文件。

那么，如果我們僅僅想復(fù)制”深復(fù)制“這三個(gè)字呢？a的title和b的title要不同，我們?nèi)绾蝸?lái)做。

let a={title:'深復(fù)制'}; let b={...a,content:"一個(gè)教程"}; a.title='淺復(fù)制'; console.log(a.title); console.log(b.title);

我們?cè)賮?lái)看打印結(jié)果

這樣我們雖然復(fù)制了a的所有數(shù)據(jù)，但是a和b是不同的對(duì)象，更改任意一個(gè)的數(shù)據(jù)，不會(huì)影響到第二個(gè)，而且b還可以對(duì)a 進(jìn)行拓展，比如加了content一個(gè)字段。

?

添加一個(gè)字段很煩？那再來(lái)說(shuō)說(shuō)這個(gè)

let a=[1,23]; let b=[...a]; b[1]=32; console.log(a); //[1, 23] console.log(b); //[1, 32]

?

看到了么？ES6的剩余參數(shù)也可以直接做到深復(fù)制,完全不需要添加字段或者數(shù)組a.concat('')來(lái)進(jìn)行復(fù)制

更新，上面這個(gè)不對(duì)，往下看

let a =[{a:1}] let b = JSON.parse(JSON.stringify(a)) b[0].a=3consloe.log(a[0].a) // 1

用json轉(zhuǎn)才可以完成深賦值，因?yàn)樽址D(zhuǎn)成對(duì)象之后就是一個(gè)新的對(duì)象了；

總結(jié)

以上是生活随笔為你收集整理的js数组中的引用类型的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。