亚洲精选国产,亚洲直播在线一区,国产精品成av人在线视午夜片

javascript中數組和對象的深拷貝和淺拷貝

2018-5-2 seo達人

如果您想訂閱本博客內容，每天自動發到您的郵箱中，請點這里

1、首先理解一下“深拷貝”和“淺拷貝”的區別：

淺拷貝：a = b;//a和b中存的是相同的地址，該地址指向堆內存中相同的地方，即a和b就是一個東西，改變a的值b的值也會跟著改變，同理改變b的值a的值也會發生改變；

深拷貝：a和b中存的地址不同，但是地址對應的堆內存中的內容完全一致，即b是a的副本

2、

（1）數組和對象的淺拷貝一樣，簡單的賦值操作

var b = a;

如數組的淺拷貝：

[javascript] view plain copy

var a = ['1','2','3'];

var b = a;

b[0] = '5';

console.log('a',a);

console.log('b',b);

輸出的值為：

對象的淺拷貝：

[html] view plain copy

var a = {name:'1',age:'2',color:'3'};

var b = a;

b.name = '5';

console.log('a',a);

console.log('b',b);

輸出的值為：

（2）數組的深拷貝

ES5：var b = a.concat();

[javascript] view plain copy

var a = ['1','2','3'];

var b = a.concat();

b[0] = '5';

console.log('a',a);

console.log('b',b);

輸出的結果為：

ES6 let [...b] = a;

（3）對象的深拷貝

ES5:

[javascript] view plain copy

var a = {name:'1',age:'2',color:'3'};

function copyObj(a) {

var b = {};

for(var key in a) {

b[key] = a[key];

}

return b;

}

var c = copyObj(a);

c.name = '5';

console.log('c',c);

console.log('a',a);

輸出的結果為：

ES6：

let {...b} = a;

藍藍設計( www.sdgs6788.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計、 cs界面設計、 ipad界面設計、包裝設計、圖標定制、用戶體驗、交互設計、網站建設、平面設計服務