按值复制阵列

将JavaScript中的数组复制到另一个数组时：

var arr1 = ['a','b','c'];
var arr2 = arr1;
arr2.push('d');  //Now, arr1 = ['a','b','c','d']

我意识到arr2指的是与arr1相同的数组，而不是一个新的独立数组。如何复制阵列以获得两个独立的阵列？

当前回答

您可以将ES6与spread Opartor一起使用，它更简单。

arr2 = [...arr1];

有一些限制。。check docs Spread语法@mozilla

其他回答

let a = [1,2,3];

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

let b = Array.from(a);

let b = [...a];

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

let b = a.slice();

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上搜索有关不可变原始值和可变对象引用的更多信息。

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

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

从ES2015开始，

var arr2 = [...arr1];

这是我在尝试了许多方法之后所做的：

var newArray = JSON.parse(JSON.stringify(orgArray));

这将创建一个与第一个副本无关的新深度副本（而不是浅层副本）。

此外，这显然不会克隆事件和函数，但您可以在一行中完成它，并且它可以用于任何类型的对象（数组、字符串、数字、对象…）

推荐文章