按值复制阵列

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

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

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

当前回答

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

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

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

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

其他回答

您可以通过以下方式实现：arr2=arr1.map（x=>Object.assign（{}，x））；

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

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

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

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

这是最新推出的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);

参考：此处

不需要jQuery。。。工作示例

var arr2 = arr1.slice()

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

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

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

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

arr2 = [...arr1];

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

推荐文章