js的深浅拷贝

js的深浅拷贝可以分为数组的深浅拷贝和对象的深浅拷贝

一、数组的深浅拷贝
如果只是简单的将数组中的元素付给另外一个数组，那么只要新数组中的元素发生了改变，原数组中的元素也会相应的发生改变，因为如果只是简单的赋值，那么它只是对引用了元素的地址，并非真正意义上的拷贝，这种称之为浅拷贝。
例如：

var arr = ['张三','李四','王五'];
var newArr = arr;

newArr[1] = '赵四';

console.log(arr);    // ==> ['张三','赵四','王五']
console.log(newArr);    // ==> ['张三','赵四','王五']

但是我们在应用中往往不希望原数组的元素也被修改，那么就需要深拷贝来解决这个问题。
有两种方法：
1、js的slice()方法
slice()slice() 方法可从已有的数组中返回选定的元素.
语法：arrayObject.slice(start,end);
start：必选。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。
end：可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。
返回值：返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。

var arr = ['张三','李四','王五'];
var newArr = arr.slice(0);

newArr[1] = '赵四';

console.log(arr);    // ==> ['张三','李四','王五']
console.log(newArr);    // ==> ['张三','赵四','王五']

2、js的contat()方法
concat() 方法用于连接两个或多个数组。
该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。
语法：arrayObject.concat(arrayX,arrayX,arrayX......)
返回值：返回一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果要进行 concat() 操作的参数是数组，那么添加的是数组中的元素，而不是数组。

var a = [1,2,3];
console.log(a.concat(4,5));    // ===>[1,2,3,4,5]

var newArr = [4,5];
console.log(arr.concat(newArr));   //===>[1,2,3,4,5]

var arr = ['张三','李四','王五'];
var newArr = arr.concat();

newArr[1] = '赵四';

console.log(arr);    // ==> ['张三','李四','王五']
console.log(newArr);    // ==> ['张三','赵四','王五']

二、对象的深浅拷贝
例如：

var obj = {
    'name' : 'zhangsan',
    'hobby' : ['sport','singing','reading']
}
function copy(obj1) {
　　var obj2 = new Object();
　　for (var i in obj1) {
　　　　obj2[i] = obj1[i];
　　}
　　return obj2;
}
var newObj = copy(obj);
obj.hobby.push('hiking');
console.log(obj.hobby);  // ['sport','singing','reading','hiking']
console.log(newObj.hobby)  // ['sport','singing','reading','hiking']

可见浅拷贝只是对原对象进行了数据的应用，子对象获得的只是一个内存地址，而不是真正拷贝，因此存在父对象被篡改的可能。（对象中存在数组的时候）

function deepCopy(obj1, obj2) {
      var obj2 = obj2 || {};
        for (var i in obj1) {
          if (typeof obj1[i] === 'object') {
        　　  obj2[i] = (obj1[i].constructor === Array) ? [] : {};
        　　  deepCopy(obj1[i], obj2[i]);
          } else {
        　　　  obj2[i] = obj1[i];
          }
  }
  return obj2;
}

var obj = {
    'name' : 'zhangsan',
    'hobby' : ['sport','singing','reading'],
    'friends' : ['lisi','wangwu']
}

var newObj = new Object();
deepCopy(obj,newObj);
obj.hobby.push('hiling');

console.log(newObj);
console.log(obj);