JS数组和对象的深浅拷贝

一 数组的深浅拷贝
1.直接赋值
var arr1 = [1,2,3,4,5,6]
var arr2 = arr1;
arr2[0] = 3;
console.log(arr2,arr1)
//index 0值都变化了 [3, 2, 3, 4, 5, 6]
像上面的这种直接赋值的方式就是浅拷贝，很多时候，这样并不是我们想要得到的结果，其实我们想要的是arr的值不变，可以用深拷贝.

2.深拷贝,方法一：js的slice函数
该方法不会改变现有的数组。
var arr1 = [1,2,3,4,5,6]
arr2 = arr1.slice(0); //从index 0开始拷贝
arr2[0] = 3;
console.log(arr2,arr1)
//[3, 2, 3, 4, 5, 6] [1, 2, 3, 4, 5, 6]

3.深拷贝,方法二: js的concat函数
该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。
var arr1 = [1,2,3,4,5,6]
arr2 = arr1.concat(); //从index 0开始拷贝
arr2[1] = 3;
document.writeln(“数组的原始值：” + arr1 + “
”,“变化后的数组：” + arr2 + “
”)

二 对象的深浅拷贝
1.浅拷贝
var a={name:‘yy’,age:26};
var b=new Object();
b =a;
b.name=‘xx’;
console.log(b);//Object { name=“xx”, age=26}
console.log(a);//Object { name=“xx”, age=26}

2.深拷贝
var a={name:‘yy’,age:26};
var b=new Object();
var deepCopy= function(source) {
var result={};
for (var key in source) {
result[key] = typeof source[key]===’object’? deepCoyp(source[key]): source[key];
}
return result;
}
b.deepCopy(source);

参考资料:
https://www.cnblogs.com/yichengbo/p/3835882.html
https://www.cnblogs.com/baiyangyuanzi/p/6518218.html

https://www.cnblogs.com/tracylin/p/5346314.html
https://blog.csdn.net/lyt_angularjs/article/details/86599820