在Javascript中，深度复制技术依赖于数组中的元素。让我们从这里开始。

三种类型的元素

元素可以是：文字值、文字结构或原型。

// Literal values (type1)
const booleanLiteral = true;
const numberLiteral = 1;
const stringLiteral = 'true';

// Literal structures (type2)
const arrayLiteral = [];
const objectLiteral = {};

// Prototypes (type3)
const booleanPrototype = new Bool(true);
const numberPrototype = new Number(1);
const stringPrototype = new String('true');
const arrayPrototype = new Array();
const objectPrototype = new Object(); // or `new function () {}

从这些元素中，我们可以创建三种类型的数组。

// 1) Array of literal-values (boolean, number, string) 
const type1 = [ true, 1, "true" ];

// 2) Array of literal-structures (array, object)
const type2 = [ [], {} ];

// 3) Array of prototype-objects (function)
const type3 = [ function () {}, function () {} ];

深度复制技术取决于三种阵列类型

根据数组中元素的类型，我们可以使用各种技术进行深度复制。

深度复制技术

基准

https://www.measurethat.net/Benchmarks/Show/17502/0/deep-copy-comparison

文字值数组（类型1）[…myArray]、myArray.splice（0）、myArrax.slice（）和myArray.concat（）技术可用于深度复制仅具有文字值（布尔值、数字和字符串）的数组；其中slice（）在Chrome中具有最高的性能，并且扩展。。。在Firefox中具有最高的性能。文本值（类型1）和文本结构（类型2）的数组JSON.parse（JSON.stringify（myArray））技术可用于深度复制文本值（布尔值、数字、字符串）和文本结构（数组、对象），但不能复制原型对象。所有数组（类型1、类型2、类型3）Lo-dash-cloneDeep（myArray）或jQuery-extend（true，[]，myArray）技术可用于深度复制所有数组类型。其中Lodash cloneDeep（）技术具有最高的性能。对于那些避免使用第三方库的用户，下面的自定义函数将深度复制所有数组类型，性能低于cloneDeep（），性能高于extend（true）。

function copy(aObject) {
  // Prevent undefined objects
  // if (!aObject) return aObject;

  let bObject = Array.isArray(aObject) ? [] : {};

  let value;
  for (const key in aObject) {

    // Prevent self-references to parent object
    // if (Object.is(aObject[key], aObject)) continue;
    
    value = aObject[key];

    bObject[key] = (typeof value === "object") ? copy(value) : value;
  }

  return bObject;
}

所以要回答这个问题。。。

问题

var arr1 = ['a','b','c'];
var arr2 = arr1;

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

答复

因为arr1是一个文本值数组（布尔值、数字或字符串），所以可以使用上面讨论的任何深度复制技术，其中slice（）和spread。。。具有最高的性能。

arr2 = arr1.slice();
arr2 = [...arr1];
arr2 = arr1.splice(0);
arr2 = arr1.concat();
arr2 = JSON.parse(JSON.stringify(arr1));
arr2 = copy(arr1); // Custom function needed, and provided above
arr2 = _.cloneDeep(arr1); // Lo-dash.js needed
arr2 = jQuery.extend(true, [], arr1); // jQuery.js needed

这里有一个变体：

var arr1=['a', 'b', 'c'];
var arr2=eval(arr1.toSource());
arr2.push('d');
console.log('arr1: '+arr1+'\narr2: '+arr2);
/*
 *  arr1: a,b,c
 *  arr2: a,b,c,d
 */

当我在处理一系列深度嵌套的对象时，这些选项对我都不起作用。对于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将受此影响。

在研究之后，我发现一个干净的方法可以是：

  const arr1 = [['item 1-1', 'item 1-2'], ['item 2-1', 'item 2-2'], ['item 3-1', 'item 3-2']];

  /**
   * Using Spread operator, it will create a new array with no reference to the first level.
   * 
   * Since, the items are not primitive, they get their own references. It means that any change on them,
   * it will be still reflected on the original object (aka arr1).
   */
  const arr2 = [...arr1];

  /**
   * Using Array.prototype.map() in conjunction Array.prototype.slice() will ensure:
   * - The first level is not a reference to the original array.
   * - In the second level, the items are forced (via slice()) to be created as new ones, so there is not reference to the original items
   */
  const arr3 = arr1.map(item => item.slice());

您需要了解要使用的阵列的复杂性，然后应用最佳解决方案（即➡️ 引用数组中的引用项）

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

const itemsCopy=[…items]；

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

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

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

有关点差的更多信息

快速示例：

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

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]]