因为基础数据类型是赋值的是值,引用数据类型赋值的是内存地址。所以浅拷贝只能进行基础数据类型拷贝,可以用Object.assign方法。
而深拷贝可以用JSON解析,以及递归层级两种方法去实现基础、引用数据类型拷贝。
**浅拷贝**
var obj = {
name: '张三丰', //基础数据类型
age: 22 //基础数据类型
color : ['red','purple','qing'] //引用数据类型
};
var newobj = {};
for (key in obj) {
newobj[key]=obj[key]; //把obj里面的基础数据类型遍历出来赋值
}
newobj.name = '李四' //因为这里的name属性是基础数据类型,所以赋值传递的是值
console.log(obj.name); //打印:张三丰
newobj.color[0] = 'black' //因为这里的color属性是引用数据类型,所以赋值传递的是内存地址
console.log(obj.color[0]); //打印:black
结论:浅拷贝只会拷贝obj里面属性的基础数据类型,拷贝不了obj里面属性的引用数据类型
## 深拷贝
var obj = {
name : '张三丰', //基础数据类型
age : 22, //基础数据类型
messige : {
sex : '男', //引用数据类型
score : 16
},
color : ['red','purple','qing'] //引用数据类型
}
var newObj = {};
function copy (newObj,obj) {
for (key in obj) {
if (obj[key] instanceof Array) {
newObj[key] = []; // 确保newObj[key]是数组
copy(newObj[key],obj[key]);
把obj里面的messige的对象进行数据判断,如果是引用数据类型,则又调用函数将里面的基础数据类型进行赋值
} else if (obj[key] instanceof Object) {
newObj[key] = {}; // 确保newObj[key]是对象
copy(newObj[key],obj[key])
把obj里面的color的数组进行数据判断,如果是引用数据类型,则又调用函数将里面的基础数据类型进行赋值 } else {
newObj[key] = obj[key];
}
}
}
这里的obj.messige.sex已经进行基础数据类型赋值,所以值改变了,newObj.messige.sex也不会改变。
copy(newObj,obj);
obj.messige.sex = 99;
console.log(newObj.messige.sex); //打印 男
结论:深拷贝既会拷贝obj里面的基础数据类型,也会拷贝obj里面的引用数据类型(因为会将obj里面引用数据类型筛选出来,然后再调用函数进行筛选,再把基础数据类型筛选出来赋值。)