Js数组和对象赋值（根源上解决修改新对象数组导致改变了原数组对象的问题）---浅拷贝与深拷贝

赋值和赋址

不同于基本类型是把值直接赋给另一个变量，复杂类型的赋值是把指针直接赋给另一个对象，应该叫做赋址，改变新对象的值，也会改变原对象的值，因为他们都是指向堆内存中的同一个对象数据，在栈内存中，新对象的新增只是增加了一个指针，JS引擎只能在栈内存中工作，在JS引擎看来对应的都是一个堆内存地址。

浅拷贝

1）定义：
浅拷贝只会把对象的各个属性进行依次复制，如果遇到属性的值是对象，此时复制的依然是地址，不会深入递归复制，虽然此时修改新对象的基本类型属性，不会改变原对象，但是改变复杂类型属性，还是会改变原对象的属性。

可以这么理解：obj: {age: 19}是复杂数据类型，所以b的age也被改成了20

2）浅拷贝的方法：

newObj = Object.assign({
    
    }, oldObj);

实现对象的浅拷贝。注意newObj = Object.assign(target, oldObj) 此时newObj === target，target是一个对象，Object.assign将一个或多个源对象分配到目标对象上，这是ES6的方法。

newArray = oldArray.slice(0); 

实现数组的浅拷贝。注意newArray = oldArray.slice(start,end) 中end可以省略，从原数组中提取部分到新数组。

newArray = [].concat(oldArray); 

实现数组的浅拷贝。注意concat是连接数组。

深拷贝

1）定义：
会对对象的属性进行递归复制，将对象的对象属性也递归复制，直到全部属性复制完成。
2）方法：

newObj = JSON.parse(JSON.stringify(oldObj)); 

实现对象的深拷贝。将需要深拷贝的对象序列化为一个 JSON 字符串，然后根据这个字符串解析出一个结构和值完全一样的新对象，可以间接实现深拷贝。

newObj = $.extend(true, [], oldObj); 

实现数组和对象的深拷贝。true表示深拷贝，省略时默认为false，第二个参数根据是数组还是对象来改变。因为这个方法是jQuery的方法，所以可以自己考虑写一个深拷贝函数。

深拷贝函数

//深拷贝函数
function extend(source) {
    
    
  var target = Array.isArray(source) ? [] : {
    
    };
  for (var key in source) {
    
    
      var isObject = Object.prototype.toString.call(source[key]==="[object Object]";
      if (isObject || Array.isArray(source[key])) {
    
    
          //如果是对象或数组，继续调用 extend 函数
          target[key] = extend(source[key]);
      } else {
    
    
          //递归到基本值或除了对象或数组之外的引用值，直接赋值
          target[key] = source[key];
      }
  }
  return target;
}