深拷贝和浅拷贝是只针对Object和Array这样的引用数据类型的,都是只拷贝对象自身的属性,不对原型属性进行拷贝。
深拷贝和浅拷贝的拷贝层级问题
1)浅拷贝是拷贝一层,深层的数据复制的是内存地址
2)深拷贝是每一层的数据都会拷贝出来,两个对象是完全独立的
赋值和浅拷贝的区别
1)赋值:两个变量保存的是同一个对象的内存地址,指向同一个存储空间,无论通过哪个变量对对象进行改变,通过另一个变量查找到的对象也是改变的
2)浅拷贝是按位拷贝对象,它会创建一个新对象,这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型,拷贝的就是基本类型的值,如果属性是内存地址(引用类型),拷贝的是内存地址
浅拷贝的实现
1)Object和Array都能使用的方式:for/in、展开语法
1.1)for/in方式
function shallowCloning(obj) {
// 只拷贝引用数据类型
if (typeof obj !== "object") return;
let newObj = null;
if(obj !== null){
//根据obj的类型判断是新建一个数组还是一个对象
newObj = obj instanceof Array ? [] : {
};
// 遍历obj,并且判断是obj自身的属性才进行拷贝
for (const key in obj) {
if(obj.hasOwnProperty(key)){
newObj[key] = obj[key];
}
}
}
return newObj;
}
1.2)展开语法
function shallowCloning(obj) {
// 只拷贝引用数据类型
if (typeof obj !== "object") return;
let newObj = null;
if(obj !== null){
//根据obj的类型判断是展开一个数组还是展开一个对象
newObj = obj instanceof Array ? <