常用的js对象复制（浅拷贝和深拷贝）

常用的js对象复制（浅拷贝和深拷贝）

js中对象是引用数据类型，如果只是通过 objectB = objectA 简单的赋值，objectA 和 objectB 指向的是同一个地址，其实际的值是同一块东西，举个例子

let A = { a: 1 }
let B = A
B.a = 2   // 此时改变B中a的值
console.log(A)   // { a: 2 }
console.log(B)   // { a: 2 }

此时，A 也跟着改变，我们在实际应用中就容易受影响。这明显不是我们所想要的结果。所以，我们想要的是两个互不影响的对象才对。

情况有两种，深拷贝以及浅拷贝

一、浅拷贝

（适用于对象并不复杂、只有一层的情况）

1.直接解构赋值

let A = { a: 1 }
let B = { ...A }

2.Object.assign()

let A = { a: 1 }
let B = Object.assign( {}, A );


let C = { a: 1 }
let D = { b: 2 }
let E = Object.assign( {}, C, D );    // { a: 1, b: 2 }

5.通用方法（数组或对象），遍历对象，把属性和属性值都放在一个新的对象里
（参考：https://blog.csdn.net/qq_37268201/article/details/80448848）

var shallowCopy = function (obj) {
  // 只拷贝对象
  if (typeof obj !== 'object') return;
  // 根据obj的类型判断是新建一个数组还是一个对象
  var newObj = obj instanceof Array ? [] : {};
  // 遍历obj,并且判断是obj的属性才拷贝
  for (var key in obj) {
    if (obj.hasOwnProperty(key)) {
      newObj[key] = obj[key];
    }
  }
  return newObj;
}

上面三种方式，当对象复杂一些就有点问题了，比如说：

let A = { a: 0 , b: { c: 0 } };
let B = { ...A }      // 或  let B = Object.assign( {}, A );
B.a = 1;
B.b.c = 2;
console.log(A)   //  { a: 0, b: { c: 2 } }
console.log(B)   //  { a: 1, b: { c: 2 } }

也就是说对象里更深层的还是会相互影响，所以我们才需要深拷贝

二、深拷贝

1.通过JSON.stringify转化成字符串再通过JSON.parse()解析成原对象

let A = { a: 0, b: { c: 0 } };
let B = JSON.parse( JSON.stringify( A ) );

2.利用jQuery的$.extend方法

let A = { a: 0, b: { c: 0 } };
let B = $.extend( true , {} , A );   //  默认为false，是浅拷贝，true为深拷贝

3.通用方法（数组或对象），拷贝的时候判断属性值的类型，如果是对象，继续递归调用深拷贝函数
（参考：https://blog.csdn.net/qq_37268201/article/details/80448848）

var deepCopy = function(obj) {
  // 只拷贝对象
  if (typeof obj !== 'object') return;
  // 根据obj的类型判断是新建一个数组还是一个对象
  var newObj = obj instanceof Array ? [] : {};
  for (var key in obj) {
    // 遍历obj,并且判断是obj的属性才拷贝
    if (obj.hasOwnProperty(key)) {
      // 判断属性值的类型，如果是对象递归调用深拷贝
      newObj[key] = typeof obj[key] === 'object' ? deepCopy(obj[key]) : obj[key];
    }
  }
  return newObj;
}

OK，常用的js对象复制就先记录这些