什么是深浅拷贝?
想要了解深浅拷贝首先我们需要了解一下什么是拷贝?
拷贝就是为了你要复用原数据上的部分数据或全部数据,在原数据的基础上通过复制创建一个新的对象
1.浅拷贝:
当B复制A数据上的内容时,只能复制到A数据上得内容,并不能复制到A的地址,
然而当你修改B所复制到的内容时,A数据中的内容也会受到影响
浅拷贝在内存中的演示
如图所示:
浅拷贝的实现方式:
1) object.assign()
// 1.object.assign
var obj = { a: { a: "kobe", b: 39 } };
var initalobj = Object.assign({}, obj);
initalobj.a.a = "wade";
console.log(obj.a.a)
2)Array.prototype.concat()
// 2.array.prototype.concat
let arr = [1, 3, { username: 'kobe' }];
let arr2 = arr.concat();
arr2[2].username = 'wade';
console.log(arr)
3)Array.prototype.slice()
// 3.array.prototype.slice
let arr = [1, 3, { username: 'kobe' }];
let arr2 = arr.slice();
arr2[2].username = 'wade';
console.log(arr)
2.深拷贝:
当B复制A数据上的内容时,能复制到A数据上得内容,并且会将复制到的内容,放在堆中重新开辟一个地址中,然而当你修改B所复制到的内容时,A数据中的内容并不会受到影响
深拷贝在内存中的演示
如图所示:
总结:深拷贝不会改变原数据,浅拷贝会改变原数据
深拷贝的实现方式:
1.JSON.parse/JSON.stringify()
// json.parse/json.stringify
let arr = [1, 3, { username: 'kobe' }];
let arr4 = JSON.parse(JSON.stringify(arr));
arr4[2].username = 'duncan';
console.log(arr, arr4)
2.手写递归方法:递归方法实现深度克隆原理:遍历对象,数组知道里边都是基本数据类型,然后再去复制,就是深度拷贝(代码可参考:https://www.cnblogs.com/secretAngel/p/10188716.html)