浅拷贝和深拷贝就是对对数据进行复制，那么它们的区别是什么呢？
- 浅拷贝：复制“一层”对象的属性，所谓的一层是指，对于数据中的引用类型复制的是其引用地址（也就是指针）。修改一个对象的属性，会改变另一个对象的属性。
- 深拷贝：逐层复制对象的属性，对于数据中的引用类型重新开辟一个内存空间，两个对象对应不用的地址，修改一个对象的属性，不会改变另一个对象的属性。
实现方法 --- 函数
- 浅拷贝：
Array.cancat()、Array.splice()和Object.assign()
let array_concat = array.concat([4]); //浅拷贝 引用数据的改动受影响，添加删除原数组不受影响
let array_slice = array.slice(0); //浅拷贝 引用数据的改动受影响，添加删除原数组不受影响
- 深拷贝：
JSON.parse( JSON.stringify() )
实现方法 --- 原生代码
- 浅拷贝
function simpleClone() {
Object.assign = Object.assign || function() {
if(arguments.length === 0) throw new TypeError('Cannot convert undefined or null to object.')
};
let target = arguments[0], args = Array.prototype.slice.call(arguments, 1), key;
args.forEach((item) => {
for(key in item) {
item.hasOwnProperty(item[key]) && (target[key] = item[key]);
}
});
return target;
}
- 深拷贝
function isType(type) {
let ret = Object.prototype.toString.call(type);
switch(ret) {
case "[object Array]":
return "数组";
ccase "[object Object]":
reutrn "对象";
}
}
function deepClone(deep, target = {}) {
if(isType(deep) === "数组") {
deep = Array.prototype.slice.call(deep);
deep.map(item => {
return isType(item) === "对象" ？ deepClone(item) : item;
});
} else if(isType(deep) === "对象") {
for(let key in deep) {
deep.hasOwnproperty(key) &&
(isType(deep[key]) === "对象" ?
target[key] = deepClone(deep[key]) :
target[key] = deep[key]);
}
}
return target;
}
