2020-11-29

浅拷贝和深拷贝

浅拷贝

浅拷贝 拷贝一层 如B拷贝A A变 B也变

方法1：Object.assign()

var obj = {
      id: 1,
      age: 20,
      msg: {
        name: 'zs'
      }
    };
    var o1 = {};
    // 浅拷贝  语法糖 Object.assign
    Object.assign(o1, obj);
    console.log(o1); // Object
    console.log(o1.name); //undefined
    console.log(o1.msg.name); // zs

方法2： for in

// 浅拷贝 for in
    var o2 = {};
    for ( var k in obj) {
      // console.log(k);  k 属性名  id age msg
      o2[k] = obj[k];
    }
    console.log(o2);  // Object
    console.log(o2.name); // undefined
    console.log(o2.msg.name); // zs

方法3： 等号赋值

var o3 = obj;
    console.log(o3);  // Objet
    console.log(o3.name); // undefined
    console.log(o3.msg.name); // zs

深拷贝

深拷贝 拷贝多层 B拷贝A A变 B不变

方法1： 递归

var s1 = {};
// 封装深拷贝 函数
function deepCopy(newObj, obj) {
      for ( var k in obj) {
        // 判断属性值的类型
        // 获取属性值 obj[k]
        var item = obj[k]
        // 判断值是否属于数组
        if(item instanceof Array) {
          newObj[k] = [];
          deepCopy(newObj[k], item);
        }else if(item instanceof Object) {
          // 判断值 是否是对象
          newObj[k] = [];
          deepCopy(newObj[k], item);
        }else{
          // 这个值 是简单数据类型
          newObj[k] = item;
        }
      }
    }
    deepCopy(s1, obj);
    console.log(s1); // Objet
    console.log(s1.id); // 1
    console.log(s1.name); // undefined
    console.log(s1.msg.name); // zs
    obj.age = 21;
    console.log(obj.age); // 21
    console.log(s1.age); // 20
    obj.msg.name = 'ls';
    console.log(obj.msg.name); // ls
    console.log(s1.msg.name); //zs 

方法2： JSON方法 JSON.stringify() 和JSON.parse()

// 深拷贝 JSON方法
    function deepCopy(obj) {
      // 利用JSON.stringify()方法将对象转化为JSON字符串形式
      let temp = JSON.stringify(obj);
      // 利用JSON.parse()方法将转化来的JSON字符串转化为原生JS对象
      let res = JSON.parse(temp);
      return res;
    }
    let s2 = deepCopy(obj);
    console.log(s2); // Object
    console.log(s2.ads); // ['北京','南京']
    console.log(s2.name); // undefined
    console.log(s2.msg.name); // zs
    obj.msg.name = 'ls';
    console.log(obj.msg.name); // ls
    console.log(s2.msg.name); // zs
    obj.ads.push('东京');
    console.log(obj.ads); // ['北京','南京','东京']
    console.log(s2.ads); //['北京','南京']

**

*有错误请指出~~~~*

**