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都更好，并且主要用于复制数组。

如果要创建对象或数组的新副本，必须显式复制对象或数组元素的财产，例如：

var arr1 = ['a','b','c'];
var arr2 = [];

for (var i=0; i < arr1.length; i++) {
   arr2[i] = arr1[i];
}

您可以在Google上搜索有关不可变原始值和可变对象引用的更多信息。

只是在写：

arr2 = arr1.concat();

您正在使用第一个数组的副本生成新数组。请注意，这是将元素推入数组的一种功能方式。

如果您的代码基于ES6，您也可以使用扩展运算符：

arr2 = [...arr1];

切片的另一种选择是凹面，可以用两种方式。第一个可能更容易理解，因为预期行为非常清楚：

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（）；执行此操作；。

当我在处理一系列深度嵌套的对象时，这些选项对我都不起作用。对于ES6，我发现这个解决方案很有用。

const old_array = [{name:"Nick", stats:{age:25,height:2}},{name:"June", stats:{age:20,height:2}}];

const new_array = old_array.map(e => {
  if (e.name === 'June') {
     e = { ...e };
     e.stats = {...e.stats, age: 22};
   }
  return e;
});

只有new_array将受此影响。

使用此项：

让oldArray=[1，2，3，4，5]；let newArray=oldArray.slice（）；console.log（｛newArray｝）；

基本上，slice（）操作克隆数组并返回对新数组的引用。

还应注意：

对于引用、字符串和数字（而不是实际对象），slice（）将对象引用复制到新数组中。原始数组和新数组都引用同一对象。如果引用的对象发生更改，则这些更改对新阵列和原始阵列都可见。

字符串和数字等基元是不可变的，因此不可能更改字符串或数字。