如何实现数组深拷贝和浅拷贝？
大家好，我是IT修真院北京分院第22期学员，一枚正直善良的web程序员。
1.背景介绍
在使用JavaScript对数组进行操作的时候，我们经常需要将数组进行备份，也就是复制、克隆或者说做拷贝，哎呀，怎样叫随你啦
要弄明白拷贝，首先要明白js中对象的组成。在js中一切实例皆是对象，具体分为原始类型和合成类型。原始类型对象指的是number、string、boolean等，合成类型对象指的是array、object以及function。 数组的拷贝有深有浅，下面具体分析！
2.知识剖析
浅拷贝
浅拷贝可以理解为就是复制一份来引用，所有引用对象都指向一份数据，并且都可以修改这份数据。 对于字符串类型，浅拷贝是对值的拷贝，对于对象来说，浅拷贝是对对象地址的拷贝，也就是复制 的结果是两个对象指向同一个内存地址，修改其中一个对象的属性，则另一个对象的属性也会改变
深拷贝
深拷贝则是复制变量值，对于非基本类型的变量，则递归至基本类型变量后，再复制。 深复制不同于浅复制，它会开辟新的内存地址，两个对象对应两个不同的地址，修改 一个对象的属性，不会改变另一个对象的属性
实现数组深拷贝有两种方法！
3.常见问题
浅拷贝的缺点是如果你改变了对象B所指向的内存地址，你同时也改变了对象A指向这个地址的字段。
深拷贝，这种方式会完全拷贝所有数据，优点是B与A不会相互依赖（A,B完全脱离关联）， 缺点是拷贝的速度更慢，代价更大 （可理解为耗费了更多内存空间）
4.解决方案
这个就要看自己的用途了，视情况选择
5.编码实战
slice方法
对于array对象的slice函数，
返回一个数组的一段。（仍为数组）
arrayObj.slice(start, [end])
参数:
arrayObj
必选项。一个 Array 对象。
start
必选项。arrayObj 中所指定的部分的开始元素是从零开始计算的下标。
end
可选项。arrayObj 中所指定的部分的结束元素是从零开始计算的下标。
vararr= ["One","Two","Three"];vararrtoo= arr.slice(0); arrtoo[1] ="set Map"; console.log(arr);//One,Two,Threeconsole.log(arrtoo);//One,set Map,Three
concat方法
concat() 方法用于连接两个或多个数组。
该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。
语法
arrayObject.concat(arrayX,arrayX,......,arrayX)
说明
返回一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果要进行 concat() 操作的参数是数组，那么添加的是数组中的元素，而不是数组。
vararr1= ["One","Two","Three"];vararrtooo= arr1.concat(); arrtooo[1] ="set Map To"; console.log(arr1);//One,Two,Threeconsole.log(arrtooo);//One,set Map To,Three
6.扩展思考
对象类型的深浅拷贝，这个以前没用过，真心没怎么理解，放个链接以示诚意
脚本之家上的js对象浅拷贝和深拷贝详解http://www.jb51.net/article/91906.htm
7.参考文献
参考一：数组的拷贝
8.更多讨论
链接: https://ptteng.github.io/PPT/PPT/selffunction.html
视频链接：链接: https://pan.baidu.com/s/1nvT3dUh 密码: j467
今天的分享就到这里啦，欢迎大家点赞、转发、留言、拍砖~
------------------------------------------------------------------------------------------------------------------------
技能树.IT修真院
“我们相信人人都可以成为一个工程师，现在开始，找个师兄，带你入门，掌控自己学习的节奏，学习的路上不再迷茫”。
这里是技能树.IT修真院，成千上万的师兄在这里找到了自己的学习路线，学习透明化，成长可见化，师兄1对1免费指导。快来与我一起学习吧 ！
