javascript深拷貝和淺拷貝 (筆記)

/*
 * 淺拷貝
 */
let a = [0,1,2,3,4,5],
    b = a;
a[0] = 99;
console.log(a + "______" + b);
      
/*
 * 深拷貝
 */
// 第一種 遞歸
function deepClone (obj) {
  let objClone = Array.isArray(obj) ? [] : {};
  if (obj && typeof obj === 'object') {
     for (let key in obj) {
       if (obj.hasOwnProperty(key)) {
         if (obj[key] && typeof obj[key] === 'object') {
           objClone[key] = deepClone(obj[key]);
         } else {
           objClone[key] = obj[key];
         }
        }
      }
   }
   return objClone;
}
let a = [0,1,2,3,4,5],
    b = deepClone(a);
a[0] = 999;
console.log(a + ' = a；b = ' + b);

// 第二種 JSON對象的parse和stringify
function deepClone (obj) {
  const _obj = JSON.stringify(obj),
        objClone = JSON.parse(_obj);
  return objClone;
}
let Q = [1,2,[66,88],4],
    L = deepClone(Q);
Q[0] = 666;
Q[2] [0] = 999;
console.log(Q + "_____" + L); // 輸出 666,2,999,88,4_____1,2,66,88,4

// 第三種 Jquery的extend方法
 /*
  * $.extend( [deep ], target, object1 [, objectN ] )
  * deep表示是否深拷貝，true 深拷貝、false 淺拷貝
  * target Object類型 目标對象，其他對象的成員屬性将被附加到該對象上
  * object1  objectN可選。 Object類型 第一個以及第N個被合并的對象
  */
let a = [0,1,[2,3],4],
    b = $.extend(true,[],a);
a[0] = 1;
a[2] [0] = 1;
console.log(a + "_____" + b);