正如我们在Javascript中所知道的那样，数组和对象都是通过引用的，但是我们可以用什么方法复制数组而不改变后面的原始数组呢？

这里有几种方法：

假设我们在您的代码中有这个数组：

var arr = [1, 2, 3, 4, 5];

1） 在函数中循环数组并返回一个新数组，如下所示：

 function newArr(arr) {
      var i=0, res = [];
      while(i<arr.length){
       res.push(arr[i]);
        i++;
       }
   return res;
 }

2） 使用slice方法，slice用于对数组的一部分进行切片，它将在不接触原始数组的情况下对数组的某些部分进行切片。在切片中，如果不指定数组的开始和结束，它将对整个数组进行切片，并基本上制作数组的完整副本，因此我们可以很容易地说：

var arr2 = arr.slice(); // make a copy of the original array

3） 还有contact方法，这是用于合并两个数组，但我们可以只指定其中一个数组，然后这基本上会复制新接触数组中的值：

var arr2 = arr.concat();

4） 另外，不建议使用stringify和parse方法，但这是复制Array和Objects的一种简单方法：

var arr2 = JSON.parse(JSON.stringify(arr));

5） Array.from方法，这不受广泛支持，使用前请检查不同浏览器中的支持：

const arr2 = Array.from(arr);

6） ECMA6方式，也不完全支持，但babelJs可以帮助您，如果您想转换：

const arr2 = [...arr];

我个人认为Array.from是一个更具可读性的解决方案。顺便说一句，请注意它的浏览器支持。

//克隆设x=[1，2，3]；设y=数组.来自（x）；console.log（｛y｝）；//深层克隆让clone=arr=>Array.from（arr，item=>Array.isArray（item）？克隆（项目）：项目）；x=[1，[]，[[]]]；y=克隆（x）；console.log（｛y｝）；

let a = [1,2,3];

现在，您可以执行以下任一操作来创建阵列的副本。

let b = Array.from(a); 

OR

let b = [...a];

OR

let b = new Array(...a); 

OR

let b = a.slice(); 

OR

let b = a.map(e => e);

现在，如果我改变一个，

a.push(5); 

那么，a是[1，2，3，5]，但b仍然是[1，3，3]，因为它有不同的引用。

但我认为，在上述所有方法中，Array.from都更好，并且主要用于复制数组。

我个人更喜欢这种方式：

JSON.parse(JSON.stringify( originalObject ));

当我们想要使用赋值运算符（=）复制数组时，它不会创建副本，只会复制指向数组的指针/引用。例如：

常量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 array2 = [].concat(array1);

第二种方法是：

var array2 = array1.concat();

科恩（在评论中）指出，后一种方法具有更好的性能。

其工作方式是concat方法创建一个新数组，该数组由调用它的对象中的元素组成，后跟作为参数传递给它的任何数组的元素。因此，当没有传递参数时，它只是复制数组。

Lee Penkman也在评论中指出，如果array1有可能未定义，可以返回一个空数组，如下所示：

var array2 = [].concat(array1 || []);

或者，对于第二种方法：

var array2 = (array1 || []).concat();

请注意，您也可以使用slice:var array2=（array1||[]）.slice（）；执行此操作；。