我們看一下這個例子：

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

那么我們會獲得兩個對象，一個a，一個b，a的title是淺復制，b的title是深復制。
但結果真是這樣嗎？

我們console.log一下

?

?

?為啥兩個都是輸出"淺復制"。。。。

其實，a，b是共用同一個地址，所以雖然看起來是兩個對象，其實就是一個對象，a===b，這就是深復制，復制的不僅僅是數據，而且連地址一起復制過來了，相當于Windows的快捷方式，表面上看起來一個在C盤，一個在D盤，其實都是一個文件。

那么，如果我們僅僅想復制”深復制“這三個字呢？a的title和b的title要不同，我們如何來做。

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

我們再來看打印結果

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

?

添加一個字段很煩？那再來說說這個

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

?

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

更新，上面這個不對，往下看

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

用json轉才可以完成深賦值，因為字符串轉成對象之后就是一個新的對象了；

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。