按值复制阵列

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

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

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

当前回答

还可以使用ES6排列运算符复制阵列

var arr=[2,3,4,5];
var copyArr=[...arr];

其他回答

如果您的数组包含原始数据类型的元素，如int、char或string等，那么您可以使用其中一种方法来返回原始数组的副本，如.slice（）或.map（）或spread运算符（得益于ES6）。

new_array = old_array.slice()

new_array = old_array.map((elem) => elem)

const new_array = new Array(...old_array);

但是如果您的数组包含复杂元素，例如对象（或数组）或更多嵌套对象，那么，您必须确保从顶层到最后一层复制所有元素，否则将使用内部对象的引用，这意味着更改new_array中object_elements的值仍将影响旧_array。您可以将这种复制方法称为“深度复制”旧数组的。

对于深度复制，您可以根据数据类型在每个级别对原始数据类型使用上述方法，也可以使用这种成本高昂的方法（如下所述）进行深度复制，而无需做大量工作。

var new_array = JSON.parse(JSON.stringify(old_array));

根据您的需求，还有很多其他方法可以使用。我只提到了其中的一些，它们可以让我们大致了解当我们试图按值将一个数组复制到另一个数组时会发生什么。

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

arr2 = [...arr1];

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

我发现这种方法比较容易：

设arr=[1,2,3,4,5]；让newArr=[…arr]；console.log（newArr）；

不需要jQuery。。。工作示例

var arr2 = arr1.slice()

这将从起始位置0到阵列末端复制阵列。

重要的是要注意，它将按照原始类型（字符串、数字等）的预期工作，并解释引用类型的预期行为。。。

如果您有一个引用类型数组，那么就说Object类型。将复制该数组，但这两个数组都将包含对同一对象的引用。因此，在这种情况下，即使实际复制了数组，也似乎通过引用复制了数组。

当有很多答案时，您必须使用最佳实践来解决这个问题。

我建议您使用阵列排列…复制阵列。

var arr1=[‘a’，‘b’，‘c’]；

var arr2=[…arr1]；

推荐文章