按值复制阵列

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

其他回答

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

arr2 = [...arr1];

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

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

重要的

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

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

let clonedArray=[…array]

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

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

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

对于lodash用户：

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

and

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

我个人更喜欢这种方式：

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

基本体值始终按其值传递（复制）。但是，复合值是通过引用传递的。

那么我们如何复制这个arr？

let arr = [1,2,3,4,5];

在ES6中复制阵列

let arrCopy = [...arr];

在ES5中复制n阵列

let arrCopy = arr.slice(); 
let arrCopy = [].concat(arr);

为什么“let arrCopy=arr”不按值传递？

将一个变量传递给另一个复合值（例如“对象/数组”）会有不同的行为。在共和值上使用sign运算符，我们将引用传递给对象。这就是为什么在删除/添加arr元素时，两个数组的值都会发生变化。

例外情况：

arrCopy[1] = 'adding new value this way will unreference';

为变量指定新值时，将更改引用本身，而不会影响原始对象/数组。

阅读更多信息

推荐文章