浅拷贝与深拷贝的几种方式

浅拷贝

一、直接赋值

将旧对象的变量名直接赋值给新的对象变量，那么旧对象的属性值一改变，新对象也会改，因为只拷贝了内存地址

二、调用Object.assign()

该方法第一个参数是新对象，第二个参数是旧对象，旧对象中的属性值如果也是对象，那么新对象只是拷贝了内存地址

const obj = {};
const source = {
  name: 'nordon',
  info: {
    age: 18
  }
};
 
Object.assign(obj, source);
console.log(obj); // {name: 'nordon', info: {…}}
复制代码

三、...对象扩展运算符

运用扩展运算符将旧对象在一个新的空对象中展开，如果旧对象中的属性值是对象，那么新对象也是浅拷贝而已

 四、for循环遍历对象，将旧对象的属性值依次赋值给新对象，如果旧对象中属性值是一个对象，也只是浅拷贝

 深拷贝

一、通过递归的方式实现深拷贝

 二、使用Json.stringify和Json.parse

用Json.stringify（）把对象转换成字符串，再用Json.parse把字符串转换成新的对象

//通过js的内置对象JSON来进行数组对象的深拷贝
function deepClone2(obj) {
  var _obj = JSON.stringify(obj),
    objClone = JSON.parse(_obj);
  return objClone;
}

三、使用函数库lodash的_.cloneDeep()

var _ = require('lodash')

var obj = {
  a: {
    c: 2,
    d: [9, 8, 7]
  },
  b: 4
}

var obj1 = _.cloneDeep(obj)

console.log(obj === obj1);//false

四、通过JQuery的extend方法实现深拷贝

let $ = require('jquery');
let obj1 = {
   a: 1,
   b: {
     f: {
       g: 1
     }
   },
   c: [1, 2, 3]
};
let obj2 = $.extend(true, {}, obj1);