将JavaScript中的数组复制到另一个数组时：
var arr1 = ['a','b','c'];
var arr2 = arr1;
arr2.push('d'); //Now, arr1 = ['a','b','c','d']
我意识到arr2指的是与arr1相同的数组，而不是一个新的独立数组。如何复制阵列以获得两个独立的阵列？
当前回答
基本体值始终按其值传递（复制）。但是，复合值是通过引用传递的。
那么我们如何复制这个arr？
let arr = [1,2,3,4,5];
在ES6中复制阵列
let arrCopy = [...arr];
在ES5中复制n阵列
let arrCopy = arr.slice();
let arrCopy = [].concat(arr);
为什么“let arrCopy=arr”不按值传递？
将一个变量传递给另一个复合值（例如“对象/数组”）会有不同的行为。在共和值上使用sign运算符，我们将引用传递给对象。这就是为什么在删除/添加arr元素时，两个数组的值都会发生变化。
例外情况：
arrCopy[1] = 'adding new value this way will unreference';
为变量指定新值时，将更改引用本身，而不会影响原始对象/数组。
阅读更多信息
其他回答
structuredClone是一种新的深度克隆方法。
structuredClone(value)
structuredClone(value, { transfer })
transfer是一个值可转移对象数组，它将被移动而不是克隆到返回的对象中。
你可能会发现它的算法很有趣。
您可以将ES6与spread Opartor一起使用，它更简单。
arr2 = [...arr1];
有一些限制。。check docs Spread语法@mozilla
从ES2015开始，
var arr2 = [...arr1];
当我们想要使用赋值运算符（=）复制数组时，它不会创建副本，只会复制指向数组的指针/引用。例如：
常量oldArr=[1,2,3]；const newArr=旧Arr；//现在oldArr指向内存中的相同位置console.log（oldArr==newArr）；//指向内存中的相同位置，因此是正确的常量拷贝=[1,2,3]；console.log（copy==newArr）；//不指向内存中的相同位置，因此是错误的
通常，当我们转换数据时，我们希望保持初始数据结构（例如数组）的完整性。我们通过制作数组的精确副本来实现这一点，这样可以在初始数组保持不变的情况下转换该数组。
复制阵列的方法：
常量oldArr=[1,2,3]；//使用扩展运算符将旧值扩展到新数组文本中const newArr1=[…oldArr]；//不带参数的切片返回新复制的数组const newArr2=oldArr.slice（）；//Map将回调应用于数组中的每个元素并返回一个新数组const newArr3=旧Arr.map（（el）=>el）；//Concat用于合并数组并返回一个新数组。不带参数的凹形复制数组const newArr4=oldArr.contat（）；//Object.assign可用于将所有财产转换为新的数组文字const newArr5=对象赋值（[]，oldArr）；//使用new关键字通过Array构造函数创建const newArr6=新数组（…oldArr）；//For循环函数克隆（基本）{常量newArray=[]；for（设i=0；i<base.length；i++）{newArray[i]=基[i]；}return newArray；}const newArr7=克隆（oldArr）；console.log（newArr1、newArr2、newArr3、newArr4、newArr5、newArr6、newArr7）；
嵌套数组或对象时要小心！：
嵌套数组时，将通过引用复制值。以下是一个示例，说明这可能会导致问题：
设arr1=[1，2，[1，2]]设arr2=[…arr1]；arr2[2][0]=5；//我们改变arr2console.log（arr1）；//arr1也被更改，因为arr1内部的数组是通过引用复制的
因此，当数组中存在要复制的对象或数组时，不要使用这些方法。即，仅在基元数组上使用这些方法。
如果您确实想深度克隆javascript数组，请将JSON.parse与JSON.stringify结合使用，如下所示：
设arr1=[1，2，[1，2]]让arr2=JSON.parse（JSON.stringify（arr1））；arr2[2][0]=5；console.log（arr1）；//现在我没有被修改，因为我是一个深度克隆
复制性能：
因此，我们选择哪一种来获得最佳性能。结果证明，最冗长的方法，for循环具有最高的性能。使用for循环进行真正的CPU密集型复制（大/多阵列）。
在此之后，.slice（）方法也有不错的性能，而且不那么冗长，程序员更容易实现。我建议将.slice（）用于日常复制不太占用CPU的数组。如果不需要深度克隆，并且性能存在问题，还应避免使用JSON.parse（JSON.stringify（arr））（大量开销）。
源性能测试
var arr2=arr1.slice（0）；
这种方法只适用于简单数组。
如果您有类似复杂阵列的对象阵列，则必须使用其他解决方案，如：
const arr2 = JSON.parse(JSON.stringify(arr1));
例如，我们有一个对象数组，每个单元格的对象中都有另一个数组字段。。。在这种情况下，如果我们使用切片方法，那么数组字段将通过Ref进行复制，这意味着这些字段更新将影响原始数组中的相同元素和字段。
