let obj = {
a: 1,
b: 2,
c: [1, 2, 3],
d: {
a: 1,
b: 2,
c:{
d:1
}
}
}
//浅拷贝
let shallowObj = obj
console.log(shallowObj)//打印obj
/**如果改变shallowObj的属性，obj属性也会跟着更改，因为对象是引用类型，直接赋值会将shallowObj指向obj引用地址而非再开辟一个新的栈，所以改变
* shallowObj属性引用地址属性也会变化则obj的值也会跟着变化
*/
shallowObj.a=2
console.log(obj.a)//2
//深拷贝
function deepClone(target) {
if(target===null || typeof target !="object") return target
let cloneObj =Array.isArray(target)?[]:{}
for(let i in target){
cloneObj[i] = deepclone(target[i])
}
return cloneObj
}
// 因为是创建了一个新的对象，所以deepObj改变不会影响obj的变化
let deepObj = deepClone(obj)
deepObj.d.c.d = 2
console.log(obj.d.c.d)//1
js浅拷贝与深拷贝
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 浅拷贝与深拷贝 浅拷贝和深拷贝的对比，主要体现在引用数据类型的拷贝上，对于浅拷贝来说，B拷贝了A，A改变，B会受影...
