深淺拷貝的區(qū)別

如何區(qū)分深拷貝與淺拷貝，簡單點來說，就是假設(shè)B復(fù)制了A，當(dāng)修改A時，看B是否會發(fā)生變化，如果B也跟著變了，說明這是淺拷貝，拿人手短，如果B沒變，那就是深拷貝，自食其力。

淺拷貝

let a=[0,1,2,3,4],b=a; console.log(a===b); a[0]=1; console.log(a,b); 復(fù)制代碼

終于截圖完成 copy真爽，我主要給大家看一下如何使實現(xiàn)深拷貝

深拷貝的實現(xiàn)

1，使用遞歸的方式實現(xiàn)深拷貝

function deepClone1(obj) {//判斷拷貝的要進行深拷貝的是數(shù)組還是對象，是數(shù)組的話進行數(shù)組拷貝，對象的話進行對象拷貝var objClone = Array.isArray(obj) ? [] : {};//進行深拷貝的不能為空，并且是對象或者是if (obj && typeof obj === "object") {for (key in obj) {console.log(key,'key')if (obj.hasOwnProperty(key)) {if (obj[key] && typeof obj[key] === "object") {objClone[key] = deepClone1(obj[key]);} else {objClone[key] = obj[key];}}}}else{console.log(key,'ke11y')}return objClone;}var ma={ma1:2}// var ma=[2,3,3]deepClone1(ma) 復(fù)制代碼

2 使用遞歸的方式實現(xiàn)深拷貝

/通過js的內(nèi)置對象JSON來進行數(shù)組對象的深拷貝 function deepClone2(obj) {var _obj = JSON.stringify(obj),objClone = JSON.parse(_obj);return objClone; } 復(fù)制代碼

3、通過jQuery的extend方法實現(xiàn)深拷貝

var array = [1,2,3,4]; var newArray = $.extend(true,[],array); 復(fù)制代碼

3、通過jQuery的extend方法實現(xiàn)深拷貝

var array = [1,2,3,4]; var newArray = $.extend(true,[],array); 復(fù)制代碼

4 Object.assign()拷貝

當(dāng)對象中只有一級屬性，沒有二級屬性的時候，此方法為深拷貝，但是對象中有對象的時候，此方法，在二級屬性以后就是淺拷貝。

Object.assign() 方法用于將所有可枚舉屬性的值從一個或多個源對象復(fù)制到目標對象。它將返回目標對象。

const target = { a: 1, b: 2 }; const source = { b: 4, c: 5 };const returnedTarget = Object.assign(target, source);console.log(target); // expected output: Object { a: 1, b: 4, c: 5 }console.log(returnedTarget); // expected output: Object { a: 1, b: 4, c: 5 }復(fù)制代碼

轉(zhuǎn)載于:https://juejin.im/post/5cb545f4f265da038d0b39bd

總結(jié)

以上是生活随笔為你收集整理的实现深拷贝的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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