按值复制阵列

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

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

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

当前回答

以下是其他几种复制方法：

常量数组=[1,2,3,4]；const arrayCopy1=对象.值（数组）；const arrayCopy2=对象赋值（[]，数组）；const arrayCopy 3=array.map（i=>i）；const arrayCopy4=数组.of（…Array）；

其他回答

不需要jQuery。。。工作示例

var arr2 = arr1.slice()

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

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

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

对于包含对象的ES6阵列

cloneArray(arr) {
    return arr.map(x => ({ ...x }));
}

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

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

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

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

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

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

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

推荐文章