使用slice和concat对数组的深拷贝和浅拷贝
slice和concat方法可以做数组的深度拷贝，原因是因为他们的返回值都是新的数组，但是他们只适合不包含引用对象的一维数组的深拷贝
当数组内部的值是引用类型例如Array、Object时，还是浅拷贝
因此，slice和concat这两个方法，仅适用于对不包含引用对象的一维数组的深拷贝
一、数组浅拷贝
在使用JavaScript对数组进行操作的时候，我们经常需要将数组进行备份.
如下代码，如果只是简单才用赋值的方法，那么我们只要更改其中的任何一个，然后其他的也会跟着改变，这就导致了问题的发生
像上面的这种直接赋值的方式就是数组的浅拷贝，浅拷贝改变其中一个数组，另外一个数组也会跟着改变。很多时候，这不是我们想要的。
二、数组深拷贝方法
（1）js的slice方法
测试例子：
测试结果：
如测试结果显示，通过JS的slice方法，改变拷贝出来的数组的某项值后，对原来数组没有任何影响。
（2）js的concat方法
测试例子:
测试结果:
如测试结果显示，通过JS的concat方法，改变拷贝出来的数组的某项值后，对原来数组没有任何影响。
(3)js遍历数组的方法
测试例子：
var arr1 = [1,2,3];//原来数组
var arr2 = [];//新数组
function deepCopy(arry1, arry2){
var length = arry1.length;
for(var i = 0;i<length;i++){
arry2[i] = arry1[i];
}
}
deepCopy(arr1, arr2);
arr2[0] =5;
console.log(arr1);
console.log(arr2);
测试结果：
三、slice,concat方法的局限性
测试例子1
测试结果：
测试例子2
测试结果：
从上面两个例子可以看出，由于数组内部属性值为引用对象，因此使用slice和concat对对象数组的拷贝，整个拷贝还是浅拷贝，拷贝之后数组各个值的指针还是指向相同的存储地址。
因此，slice和concat这两个方法，仅适用于对不包含引用对象的一维数组的深拷贝
到此这篇js深度拷贝和浅拷贝（js深拷贝和浅拷贝的方法）的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章，希望大家都能在编程的领域有一番成就！
版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！
转载请注明出处，原文链接：https://www.xkablog.com/qdvuejs/43043.html