按值复制阵列

将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）；

其他回答

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

我个人更喜欢这种方式：

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

重要的

这里的大多数答案适用于特定情况。

如果您不关心深度/嵌套对象和道具，请使用（ES6）：

let clonedArray=[…array]

但如果要进行深度克隆，请改用以下方法：

let cloneArray=JSON.parse（JSON.stringify（数组））*

*函数在使用stringify时不会被保存（序列化），如果没有它们，您将得到结果。

对于lodash用户：

let clonedArray=_.clone（数组）文档

and

let cloneArray=_.cloneDeep（数组）文档

这是最新推出的Array.from，但不幸的是，截至本文撰写之时，它仅在最新的Firefox版本（32及更高版本）上受支持。它可以简单地使用如下：

var arr1 = [1, 2, 3];
console.log(Array.from(arr1)); // Logs: [1, 2, 3]

参考：此处

或者Array.prototype.map可以与标识函数一起使用：

function identity(param)
{
    return param;
}

var arr1 = [1, 2, 3],
    clone = arr1.map(identity);

参考：此处

从ES2015开始，

var arr2 = [...arr1];

推荐文章