深拷贝与浅拷贝

深浅拷贝

复制数据的方式,一般指的是复制对象或者数组

复制的三个级别:

(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]
    }
  }
}

版权声明:本文为mymCocorna原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。