老司机91精品网站在线观看-老司机67194免费观看-老司国产精品视频-老熟人老女人国产老太-中文字幕日本在线-中文字幕日本一区久久

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
  1. var a = ['1','2','3'];  
  2. var b = a;  
  3. b[0] = '5';  
  4. console.log('a',a);  
  5. console.log('b',b);  

輸出的值為：

對象的淺拷貝：

[html] view plain copy
  1. var a = {name:'1',age:'2',color:'3'};  
  2. var b = a;  
  3. b.name = '5';  
  4. console.log('a',a);  
  5. console.log('b',b);  

輸出的值為：

（2）數組的深拷貝

ES5：var b = a.concat();

[javascript] view plain copy
  1. var a = ['1','2','3'];  
  2. var b = a.concat();  
  3. b[0] = '5';  
  4. console.log('a',a);  
  5. console.log('b',b);  

輸出的結果為：

ES6 let [...b] = a;

（3）對象的深拷貝

ES5: 

[javascript] view plain copy
  1. var a = {name:'1',age:'2',color:'3'};  
  2. function copyObj(a) {  
  3. var b = {};  
  4. for(var key in a) {  
  5. b[key] = a[key];  
  6. }  
  7. return b;  
  8. }  
  9. var c = copyObj(a);  
  10. c.name = '5';  
  11. console.log('c',c);  
  12. console.log('a',a);  

輸出的結果為：

ES6：

let {...b} = a;


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


日歷

鏈接

個人資料

藍藍設計的小編 http://www.hk66688.com

存檔

主站蜘蛛池模板： 揭西县| 武宣县| 东山县| 武义县| 长武县| 辽阳县| 宁夏| 孟连| 古浪县| 广饶县| 庆安县| 县级市| 长沙市| 太白县| 班玛县| 永吉县| 宝丰县| 北海市| 灌云县| 南靖县| 武隆县| 衡南县| 海门市| 武城县| 集贤县| 玉门市| 民勤县| 东辽县| 丽江市| 望江县| 嘉祥县| 谢通门县| 钟祥市| 呼伦贝尔市| 洛浦县| 修水县| 钟祥市| 三台县| 康乐县| 甘泉县| 芦溪县|