第JavaScript深拷貝和淺拷貝概念與用法實例分析本文實例講述了JavaScript深拷貝和淺拷貝概念與用法。分享給大家供大家參考，具體如下：

js中的淺拷貝和深拷貝，只是針對復(fù)雜數(shù)據(jù)類型(Objcet，Array)的復(fù)制問題。簡單來講淺拷貝和深拷貝都可以實現(xiàn)在原有對象的基礎(chǔ)上再生成一份的作用。但是根據(jù)新生成的對象能否影響到原對象可以分為淺拷貝和深拷貝。

概念1：淺拷貝

淺拷貝就是指拷貝引用，新生成的引用和原來的引用都是指向同一個對象的實例，彼此之間的操作會相互影響。

概念2:深拷貝

在堆中重新開辟內(nèi)存，把原引用對應(yīng)的對象實例中所有的內(nèi)容進行拷貝，因此保證了深拷貝的對象和原來的對象是完全隔離的，他們之間相互沒有影響。

概念3:數(shù)組深拷貝的實現(xiàn)

1.使用for循環(huán)

scripttype="text/javascript"

vararr1=['a','b','c'];

vararr2=[];

functiondeepCopy(arr1,arr2){

for(vari=0;iarr1.length;i++){

arr2[i]=arr1[i];

deepCopy(arr1,arr2);

arr2[1]='d';

console.log(arr1);//['a','b','c']

console.log(arr2);//['a','d','c']

/script

2.使用slice()方法

scripttype="text/javascript"

vararr1=['a','b','c'];

vararr2=arr1.slice(0);

arr2[1]='d';

console.log(arr1);//['a','b','c']

console.log(arr2);//['a','d','c']

/script

3.使用concat方法

scripttype="text/javascript"

vararr1=['a','b','c'];

vararr2=arr1.concat();

arr2[1]='d';

console.log(arr1);//['a','b','c']

console.log(arr2);//['a','d','c']

/script

概念4：對象的深拷貝

1.使用for循環(huán)

scripttype="text/javascript"

varobj={

name:'FungLeo',

sex:'man',

old:'18'

functioncopyObj(obj){

letres={}

for(varkeyinobj){

res[key]=obj[key]

returnres

varobj2=copyObj(obj);

obj2["name"]="kka";

/script

2.借助JSON來實現(xiàn)

scripttype="text/javascript"

varobj={

name:'FungLeo',

sex:'man',

old:'18'

varobj2=JSON.parse(JSON.stringif(obj));

obj2["name"]="kka";

/script

總結(jié):以上就是實現(xiàn)數(shù)組和對象深拷貝的一些常用方法，可以結(jié)合具體的情形使用適合的方法。

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題：《javascript面向?qū)ο笕腴T教程》、《JavaScript中json操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaSc