深浅拷贝
复制数据的方式,一般指的是复制对象或者数组
复制的三个级别:
(1)赋值:赋值以后,两个变量操作一个对象空间
(2)浅拷贝:
把你的对象内的每一个数据复制一份给我
我进行修改的时候, 你不会修改
只能拷贝一层数据, 多维度数据不好使
一个运算符, 展开运算符(…)
直接在一个对象内书写 …对象名
var o1 = {
name: 'Jack',
age: 18,
gender: '男',
info: { weight: 180, height: 180 }
}
var o2 = {
...o1, ******
address: {}
}
console.log(o1, o2)
(3)深拷贝
把你的对象内每一个数据复制一份给我, 不管多少层维度都进行百分百赋值
两个对象完全没有任何关系
在遍历复制的过程中
判断如果你不是对象, 那么我直接复制
判断如果你是对象, 我把我的这一项也设置成对象, 然后重复遍历你的第二层对象
递归深拷贝
/* 实现深拷贝
* @param {Object} o1 目标对象
* @param {Object} o2 原始对象
*/
function deepCopy(o1, o2) {
for (var k in o2) {
if (Object.prototype.toString.call(o2[k]) === '[object Object]') {
// 代码如果执行到这里, 说明 o2[k] 是一个对象数据类型,需要把 o1[k] 也设置成对象数据类型
o1[k] = new Object()
// 把 o2[k] 这个对象内的数据百分百深拷贝一份到 o1[k]
deepCopy(o1[k], o2[k])
} else {
o1[k] = o2[k]
}
}
}