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

創(chuàng)新互聯(lián)專(zhuān)注于企業(yè)成都全網(wǎng)營(yíng)銷(xiāo)、網(wǎng)站重做改版、合水網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5場(chǎng)景定制、商城系統(tǒng)網(wǎng)站開(kāi)發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)營(yíng)銷(xiāo)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性?xún)r(jià)比高，為合水等各大城市提供網(wǎng)站開(kāi)發(fā)制作服務(wù)。

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

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

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

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

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

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

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

什么是深拷貝？

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

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

什么是淺拷貝

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

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

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

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

實(shí)現(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ù)的對(duì)象，

實(shí)現(xiàn)深拷貝

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

//實(shí)現(xiàn)深拷貝
function deepCopy( target ){
   if(typeof target !== 'object') return ;//判斷目標(biāo)類(lèi)型，來(lái)創(chuàng)建返回值
   var newObj = target instanceof Array ? [] : {};
   for(var item in target){ //只復(fù)制元素自身的屬性，不復(fù)制原型鏈上的
     if(target.hasOwnProperty(item)){
      newObj[item] = typeof target[item] == 'object' ? deepCopy(target[item]) : target[item] //遍歷判斷屬性值類(lèi)型
     }
   }
   return newObj
}
//測(cè)試------------------------------------------------------
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ù)組深度拷貝簡(jiǎn)單實(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)容是否對(duì)您有幫助呢？如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對(duì)創(chuàng)新互聯(lián)的支持。
            
            
                        

            新聞標(biāo)題：javascript中怎么深拷貝與淺拷貝二維數(shù)組和對(duì)象            

            鏈接地址：http://weahome.cn/article/jeoocd.html