淺拷貝和深拷貝

淺拷貝：淺克隆之因此被稱爲淺克隆，是由於對象只會被克隆最外部的一層,至於更深層的對象,則依然是經過引用指向同一塊堆內存.

1.第一種方法:

function shadowClone(o) {
  const obj = {};
  for (let i in o) { 
   obj[i] = o[i];
  }
  return obj;
}
var oldObj = {
   a: 1,
   b: 3,
   c: [1, 3, 5, 7, 9]
};
var newObj = shadowClone(oldObj);複製代碼

第二種：

var oldObj = {
   a: 1,
   b: 3,
   c: [1, 3, 5, 7, 9]
};
var newObj1 = Object.assign({}, oldObj);複製代碼

深拷貝

深拷貝： 建立一個新的對象和數組，將原對象的各項屬性的「值」（數組的全部元素）拷貝過來，是「值」而不是「引用」

// 深拷貝    // 獲取類型    
function getType(obj) {
      var toString = Object.prototype.toString;
      var map = {
        '[object Boolean]': 'boolean',
        '[object Number]': 'number',
        '[object String]': 'string',
        '[object Null]': 'null',
        '[object Undefined]': 'undefined',
        '[object Array]': 'array',
        '[object Function]': 'function',
        '[object RegExp]': 'regExp',
        '[object Date]': 'date',
        '[object Object]': 'object'
      }
      if (obj instanceof Element) { 
// 由於對不一樣標籤，toString會返回對應不一樣標籤的構造函數
        return 'element';
      }
      return map[toString.call(obj)];
    }
    function deepClone(data) {
      var type = getType(data)
      var obj;
      if (type === 'array') {
       obj = []
        for (var i = 0; i < data.length; i++) {
          obj.push(deepClone(data[i]))
        }
      } else if (type === 'object') {
        obj = {}
        for (var key in data) {
          obj[key] = deepClone(data[key]);
        }
      } else {
        obj = data;
      }
      return obj;
    }
    var oldObj = {
      a: 1,
      b: 2
    }
    const newObj = deepClone(oldObj);
    const newObj1 = newObj.c = 4;
    console.log(oldObj, newObj)
    let oldData = [1, 2, 3, 4, 4];
    const newData = deepClone(oldData);
    const newData1 = newData.push({ a: 4, b: 7 });
    console.log(newData, '--->newData', oldData, '---->oldData');複製代碼