起因
- 浅拷贝后修改的数据会影响数据源
- 深拷贝后修改的数据不会影响数据源
浅拷贝
let data = {name:'zhangsan'}
let newData = data
let newData = {...data}
深拷贝-基本数据类型
let arr = [1,2,3,4];
let newArr = Array.slice() || Array.concat();
----------------或者
let newArr = new init(4)
newArr = Array.copyof(arr,4);
--------------或者
let newArr = JSON.parse(JSON.stringify(arr));
newArr[0] = 50
console.log(arr);
console.log(newArr);
深拷贝-引用数据类型
let object = {name:'xiaoer'}
let newObject = JSON.parse(JSON.stringify(object));
newObject.name = "xiaosan"
console.log(object);
console.log(newObject);
var deepClone = function(currobj){
if(typeof currobj !== 'object'){
return currobj;
}
if(currobj instanceof Array){
var newobj = [];
}else{
var newobj = {}
}
for(var key in currobj){
if(typeof currobj[key] !== 'object'){
newobj[key] = currobj[key];
}else{
newobj[key] = deepClone(currobj[key])
}
}
return newobj
}
let object = {name:'xiaoer'}
let newObject = deepClone(object));
newObject.name = "xiaosan"
console.log(object);
console.log(newObject);