按值复制阵列

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

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

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

当前回答

切片的另一种选择是凹面，可以用两种方式。第一个可能更容易理解，因为预期行为非常清楚：

var array2 = [].concat(array1);

第二种方法是：

var array2 = array1.concat();

科恩（在评论中）指出，后一种方法具有更好的性能。

其工作方式是concat方法创建一个新数组，该数组由调用它的对象中的元素组成，后跟作为参数传递给它的任何数组的元素。因此，当没有传递参数时，它只是复制数组。

Lee Penkman也在评论中指出，如果array1有可能未定义，可以返回一个空数组，如下所示：

var array2 = [].concat(array1 || []);

或者，对于第二种方法：

var array2 = (array1 || []).concat();

请注意，您也可以使用slice:var array2=（array1||[]）.slice（）；执行此操作；。

2012-10-18 00:11:08

其他回答

如果您的数组包含原始数据类型的元素，如int、char或string等，那么您可以使用其中一种方法来返回原始数组的副本，如.slice（）或.map（）或spread运算符（得益于ES6）。

new_array = old_array.slice()

new_array = old_array.map((elem) => elem)

const new_array = new Array(...old_array);

但是如果您的数组包含复杂元素，例如对象（或数组）或更多嵌套对象，那么，您必须确保从顶层到最后一层复制所有元素，否则将使用内部对象的引用，这意味着更改new_array中object_elements的值仍将影响旧_array。您可以将这种复制方法称为“深度复制”旧数组的。

对于深度复制，您可以根据数据类型在每个级别对原始数据类型使用上述方法，也可以使用这种成本高昂的方法（如下所述）进行深度复制，而无需做大量工作。

var new_array = JSON.parse(JSON.stringify(old_array));

根据您的需求，还有很多其他方法可以使用。我只提到了其中的一些，它们可以让我们大致了解当我们试图按值将一个数组复制到另一个数组时会发生什么。

2018-09-26 13:52:41

添加到array.slice（）的解决方案中；请注意，如果您有多维数组，子数组将被引用复制。您可以做的是分别循环和切片（）每个子数组

var arr = [[1,1,1],[2,2,2],[3,3,3]];
var arr2 = arr.slice();

arr2[0][1] = 55;
console.log(arr2[0][1]);
console.log(arr[0][1]);

function arrCpy(arrSrc, arrDis){
 for(elm in arrSrc){
  arrDis.push(arrSrc[elm].slice());
}
}

var arr3=[];
arrCpy(arr,arr3);

arr3[1][1] = 77;

console.log(arr3[1][1]);
console.log(arr[1][1]);

同样的事情发生在对象数组中，它们将被引用复制，您必须手动复制它们

2014-04-15 13:40:02

其中一些方法在处理简单的数据类型（如数字或字符串）时工作得很好，但当数组包含其他对象时，这些方法会失败。当我们试图将任何对象从一个数组传递到另一个数组时，它将作为引用传递，而不是对象。

在JavaScript文件中添加以下代码：

Object.prototype.clone = function() {
    var newObj = (this instanceof Array) ? [] : {};
    for (i in this) {
        if (i == 'clone') 
            continue;
        if (this[i] && typeof this[i] == "object") {
            newObj[i] = this[i].clone();
        } 
        else 
            newObj[i] = this[i]
    } return newObj;
};

只需使用

var arr1 = ['val_1','val_2','val_3'];
var arr2 = arr1.clone()

这会奏效的。

2012-12-12 16:22:00

制作多维数组/对象的副本：

function deepCopy(obj) {
   if (Object.prototype.toString.call(obj) === '[object Array]') {
      var out = [], i = 0, len = obj.length;
      for ( ; i < len; i++ ) {
         out[i] = arguments.callee(obj[i]);
      }
      return out;
   }
   if (typeof obj === 'object') {
      var out = {}, i;
      for ( i in obj ) {
         out[i] = arguments.callee(obj[i]);
      }
      return out;
   }
   return obj;
}

感谢詹姆斯·帕多尔西担任这一职务。

来源：此处

2014-07-22 12:15:12