javascript中怎么深拷貝與淺拷貝二維數(shù)組和對象，很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。

創(chuàng)新互聯(lián)是一家專注網(wǎng)站建設、網(wǎng)絡營銷策劃、小程序制作、電子商務建設、網(wǎng)絡推廣、移動互聯(lián)開發(fā)、研究、服務為一體的技術型公司。公司成立十多年以來，已經(jīng)為1000+成都發(fā)電機租賃各業(yè)的企業(yè)公司提供互聯(lián)網(wǎng)服務。現(xiàn)在，服務的1000+客戶與我們一路同行，見證我們的成長；未來，我們一起分享成功的喜悅。

1.淺拷貝： 將原對象或原數(shù)組的引用直接賦給新對象，新數(shù)組，新對象／數(shù)組只是原對象的一個引用

2.深拷貝： 創(chuàng)建一個新的對象和數(shù)組，將原對象的各項屬性的“值”（數(shù)組的所有元素）拷貝過來，是“值”而不是“引用”

JavaScript的數(shù)據(jù)類型分為原始數(shù)據(jù)類型和對象類型。二者在內(nèi)存中存放的方式不同，導致了其賦值時差異。分別舉個栗子

var x = 1;
var y = x; //y獲得了和x同樣的值
y = 2;
console.log(x); // 1

var m = [1,2]; //m存放的是指向[1,2]這個數(shù)組對象的引用地址
var n = m; //n也獲得 [1,2]數(shù)組對象的引用地址
n[0] = 3;
console.log(m); //[3,2]

var m = [1,2]; //m存放的是指向[1,2]這個數(shù)組對象的引用地址
var n = m; //n也獲得 [1,2]數(shù)組對象的引用地址
m[0] = 4;
console.log(n); //[4,2]

原始數(shù)據(jù)類型賦值時，不會相互影響； 而對象類型，給的是 原數(shù)據(jù)的引用地址，所以新舊數(shù)據(jù)會互相影響，

什么是深拷貝？

顧名思義，淺拷貝就是流于表面的拷貝方式；當屬性值為對象類型時，只拷貝了對象數(shù)據(jù)的引用，導致新舊數(shù)據(jù)沒有完全分離，還會互相影響。eg:

//測試數(shù)據(jù)
var array1 = ['a',1,true,{name:'lei',age:18}];
//concat() slice() 實現(xiàn)深拷貝
var array2 = array1.concat()
//修改拷貝后的數(shù)據(jù)
array2[0] = 'b';   //array1[0]是原始數(shù)據(jù)類型 所以是直接賦值的
array2[3].name = 'zhang'; //array1[3]是對象數(shù)據(jù)類型 所以拷貝的是對象的引用，其實還是和原數(shù)組使用同一對象
console.log(array1); // ['a',1,true,{name:'zhang',age:18}]

什么是淺拷貝

上面的  array.concat()或者array.slice() 是特殊的實現(xiàn)數(shù)組深拷貝的方式。直接復制也是淺烤貝

var array1 = ['a',1,true,{name:'lei',age:18}];
var temp = array1;
temp[3].name = "hanmeimei";
console.log(array1[3].name)//hanmeimie

深拷貝及其實現(xiàn)

從淺拷貝解釋可以明白，深拷貝就是 ‘完全'拷貝，拷貝之后新舊數(shù)據(jù)完全分離，不共用對象類型的屬性值，不互相影響。

實現(xiàn)方式：

取巧方式 JSON.parse(JSON.stringify(Obj))

var test = [1,'a',{name:'lei',age:18}];
var copy1 = JSON.parse(JSON.stringify(test)); //特殊方式
console.log(copy1);
copy1[2].name = 'zhang'
console.log(test); //[1,'a',{name:'lei',age:18}] 未受到影響

注意：這種方式不能深拷貝有屬性值為函數(shù)的對象，

實現(xiàn)深拷貝

已經(jīng)實現(xiàn)了淺拷貝，思考下應該是對 對象類型屬性值賦值時，導致的沒有完全分離，所以要修改下 拷貝對象類型屬性值的方式，對它再調(diào)用一次深拷貝，這樣就實現(xiàn)了深拷貝，如下：

//實現(xiàn)深拷貝
function deepCopy( target ){
   if(typeof target !== 'object') return ;//判斷目標類型，來創(chuàng)建返回值
   var newObj = target instanceof Array ? [] : {};
   for(var item in target){ //只復制元素自身的屬性，不復制原型鏈上的
     if(target.hasOwnProperty(item)){
      newObj[item] = typeof target[item] == 'object' ? deepCopy(target[item]) : target[item] //遍歷判斷屬性值類型
     }
   }
   return newObj
}
//測試------------------------------------------------------
var test = [1,'a',{name:'hanmeimei',age:18}];
var copy2 = deepCopy(test);
copy2[2].name = 'lilei'
console.log(test); ////[1,'a',{name:'hanmeimei',age:18}] 未受到影響

二維數(shù)組深度拷貝簡單實現(xiàn)

function deepcopyArr(arr) {
   var outarr = [],len = arr.length;
   for (var i=0; i < len; i++) {
      outarr[i]=new Array();
      for(var j=0;j
看完上述內(nèi)容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對創(chuàng)新互聯(lián)的支持。
            

            網(wǎng)站名稱：javascript中怎么深拷貝與淺拷貝二維數(shù)組和對象-創(chuàng)新互聯(lián)            

            文章出自：http://weahome.cn/article/dgspod.html