浅拷贝
只拷贝了数据对象的第一层,深层次的数据值与原始数据会互相影响(拷贝后的数据与原始数据还存有关联)
let obj = {
name: '张三',
age: 18,
garden: '男',
hobby: ['游戏', '篮球'],
city: {
city1: '江西',
city2: '深圳',
}
}
//创建新空间
let newobj = {}
//浅拷贝
for(let key in obj){
newobj[key] = obj[key]
}
obj.name = '李四'
console.log(obj,newobj);
深拷贝
不管数据对象有多少层,改变拷贝后的值都不会影响原始数据的值。(拷贝后的数据与原始数据毫无关系)
let obj = {
name: '张三',
age: 18,
garden: '男',
hobby: ['游戏', '篮球'],
city: {
city1: '江西',
city2: '深圳',
}
}
//深拷贝必须要用递归
let newobj = {}
function deepCopy(newDate, oldData) {
for (let key in oldData) {
if (Object.prototype.toString.call(oldData[key]) === '[object Object]') {
// console.log('1', oldData[key]);
//在新数组创建一个名字一样的数组
newDate[key] = []
//递归
deepCopy(newDate[key],oldData[key])
} else if (Object.prototype.toString.call(oldData[key]) === '[object Array]') {
// console.log('2', oldData[key]);
newDate[key] = {}
//递归
deepCopy(newDate[key],oldData[key])
}else{
// console.log(oldData[key]);
newDate[key] = oldData[key]
}
}
}
deepCopy(newobj, obj)
newobj.name = '李四'
newobj.city.city2 = '揭阳'
newobj.hobby[1] = '足球'
console.log(obj, newobj);