按值复制阵列

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

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

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

当前回答

在我的特殊情况下，我需要确保阵列保持完整，所以这对我来说很有用：

// Empty array
arr1.length = 0;
// Add items from source array to target array
for (var i = 0; i < arr2.length; i++) {
    arr1.push(arr2[i]);
}

其他回答

var arr2=arr1.slice（0）；

这种方法只适用于简单数组。

如果您有类似复杂阵列的对象阵列，则必须使用其他解决方案，如：

const arr2 = JSON.parse(JSON.stringify(arr1));

例如，我们有一个对象数组，每个单元格的对象中都有另一个数组字段。。。在这种情况下，如果我们使用切片方法，那么数组字段将通过Ref进行复制，这意味着这些字段更新将影响原始数组中的相同元素和字段。

正如我们在Javascript中所知道的那样，数组和对象都是通过引用的，但是我们可以用什么方法复制数组而不改变后面的原始数组呢？

这里有几种方法：

假设我们在您的代码中有这个数组：

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

1）在函数中循环数组并返回一个新数组，如下所示：

 function newArr(arr) {
      var i=0, res = [];
      while(i<arr.length){
       res.push(arr[i]);
        i++;
       }
   return res;
 }

2）使用slice方法，slice用于对数组的一部分进行切片，它将在不接触原始数组的情况下对数组的某些部分进行切片。在切片中，如果不指定数组的开始和结束，它将对整个数组进行切片，并基本上制作数组的完整副本，因此我们可以很容易地说：

var arr2 = arr.slice(); // make a copy of the original array

3）还有contact方法，这是用于合并两个数组，但我们可以只指定其中一个数组，然后这基本上会复制新接触数组中的值：

var arr2 = arr.concat();

4）另外，不建议使用stringify和parse方法，但这是复制Array和Objects的一种简单方法：

var arr2 = JSON.parse(JSON.stringify(arr));

5） Array.from方法，这不受广泛支持，使用前请检查不同浏览器中的支持：

const arr2 = Array.from(arr);

6） ECMA6方式，也不完全支持，但babelJs可以帮助您，如果您想转换：

const arr2 = [...arr];

structuredClone是一种新的深度克隆方法。

structuredClone(value)
structuredClone(value, { transfer })

transfer是一个值可转移对象数组，它将被移动而不是克隆到返回的对象中。

你可能会发现它的算法很有趣。

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

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

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

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

不需要jQuery。。。工作示例

var arr2 = arr1.slice()

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

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

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

推荐文章