Javascrip深浅克隆

克隆

提前应该知道的知识：基本类型值和引用类型值

1. 基本类型值：数字，字符串，布尔，undefined等
   var a = b进行传值时，内存中会产生新的副本，用==时会比较值是否相等

2. 引用类型值：对象，数组

   var a = b进行传值时，只是让新的变量指向前一个对象，用==比较时会比较内存地址是否相同

浅克隆

var arr2 = arr1 并不能实现克隆，因为arr1与arr2指向的是同一地址，本质上是相同的。

要实现浅克隆可以用空数组遍历一遍原数组。

注意：浅克隆只能克隆数组的一层，如果克隆的数组为多维数组，则会“藕断丝连”。push时会出现两个数组用等号相连的情况

var arr_1 = [11, 22, 33, 44, [55, 66]];
var arr = [];
for(i = 0; i < arr_1.length; i++){
	arr.push(arr_1[i])
	}
console.log(arr);        //[11, 22, 33, 44, [55, 66]]
console.log(arr_1 == arr);      //false
arr_1[4].push(77);    //给原数组的二维项push新的数据
console.log(arr[4]); //[11, 22, 33, 44, [55, 66, 77]]

深克隆

仍然用遍历方法，加用递归，遇到基本类型值则直接push，遇到数组则再次遍历遇到的数组，直到不再遇到数组。

var arr1 = [11, 22, 33, 44, [55, 66]];
function deepClone(arr){
var result = [];
for(var i = 0; i < arr.length; i++){
	if(Array.isArray(arr[i])){
	result.push(deepClone(arr[i]));
	}else{
	result.push(arr[i]);
	}
	}
return result;
}
var arr2 = deepClone(arr1);
console.log(arr2);//[11, 22, 33, 44, [55, 66]]
arr1.push(77);
console.log(arr1);//[11, 22, 33, 44, [55, 66],77]
console.log(arr2);//[11, 22, 33, 44, [55, 66]]