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);