对于包含对象的ES6阵列

cloneArray(arr) {
    return arr.map(x => ({ ...x }));
}

快速示例：

如果数组中的元素是基元类型（字符串、数字等）

var arr1=[‘a’，‘b’，‘c’]；//arr1和arr2是独立的，基本元素存储在//记忆中的不同位置var arr2=arr1.slice（）；arr2.推（'d'）；console.log（arr1）；//[“a”、“b”、“c”]console.log（arr2）；//[“a”、“b”、“c”、“d”]

如果数组中的元素是对象文本，则另一个数组（{}，[]）

var arr1=[{x:'a'，y:'b'}，[1，2]，[3，4]]；//arr1和arr2是独立的，引用的/地址存储在不同的//记忆中的位置。但这些参考文献/地址指向了一些共同的地方//在存储器中。var arr2=arr1.slice（）；arr2.pop（）；//好-不影响arr1 bcos，只有arr2中的地址是//删除的不是该地址所指向的数据arr2[0].x=“z”；//不正常-影响在公共区域进行的arr1 bcos更改//由arr1和arr2中的地址指示arr2[1][0]=9；//不正常-与上述原因相同console.log（arr1）；//[{x:'z'，y:'b'}，[9，2]，[3，4]]console.log（arr2）；//[{x:'z'，y:'b'}，[9，2]]

解决方案2：逐元素深度复制

var arr1=[{x:'a'，y:'b'}，[1，2]，[3，4]]；arr2=JSON.parse（JSON.stringify（arr1））；arr2.pop（）；//OK-不影响arr1arr2[0].x=“z”；//好-不影响arr1arr2[1][0]=9；//OK-不影响arr1console.log（arr1）；//[{x:“a”，y:“b”}，[1，2]，[3，4]]console.log（arr2）；//[{x:'z'，y:'b'}，[9，2]]

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

参考：此处

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

在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()

这会奏效的。

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

arr2 = [...arr1];

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

您可以使用阵列排列。。。复制阵列。

const itemsCopy=[…items]；

此外，如果要创建一个新数组，现有数组是其中的一部分：

var parts = ['shoulders', 'knees'];
var lyrics = ['head', ...parts, 'and', 'toes'];

现在所有主流浏览器都支持数组排列，但如果您需要更旧的支持，请使用typescript或babel并编译到ES5。

有关点差的更多信息