将JavaScript中的数组复制到另一个数组时：
var arr1 = ['a','b','c'];
var arr2 = arr1;
arr2.push('d'); //Now, arr1 = ['a','b','c','d']
我意识到arr2指的是与arr1相同的数组，而不是一个新的独立数组。如何复制阵列以获得两个独立的阵列？
当前回答
从ES2015开始，
var arr2 = [...arr1];
其他回答
正如我们在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];
当我在处理一系列深度嵌套的对象时，这些选项对我都不起作用。对于ES6，我发现这个解决方案很有用。
const old_array = [{name:"Nick", stats:{age:25,height:2}},{name:"June", stats:{age:20,height:2}}];
const new_array = old_array.map(e => {
if (e.name === 'June') {
e = { ...e };
e.stats = {...e.stats, age: 22};
}
return e;
});
只有new_array将受此影响。
不需要jQuery。。。工作示例
var arr2 = arr1.slice()
这将从起始位置0到阵列末端复制阵列。
重要的是要注意，它将按照原始类型（字符串、数字等）的预期工作，并解释引用类型的预期行为。。。
如果您有一个引用类型数组，那么就说Object类型。将复制该数组，但这两个数组都将包含对同一对象的引用。因此，在这种情况下，即使实际复制了数组，也似乎通过引用复制了数组。
切片的另一种选择是凹面，可以用两种方式。第一个可能更容易理解，因为预期行为非常清楚：
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（）；执行此操作；。
使用jQuery深度复制可以如下所示：
var arr2 = $.extend(true, [], arr1);
