对于 JavaScript 多维数组的深层复制，深一层似乎就足够了。这是真的吗？

注意：我只是一个新手编码员，所以这个问题的核心可能存在明显的错误或误解。

本质上，我需要将 JavaScript 中的多维数组“按值”深度复制到未知的深度。我认为这需要一些复杂的递归，但它seems在 JavaScript 中，您只需复制一层深度即可按值复制整个数组。

作为一个例子，这是我的测试代码，使用了一个故意复杂的数组。

function test() {
  var arr = [ ['ok1'],[],[ [],[],[ [], [ [ ['ok2'], [] ] ] ] ] ];
  var cloned = cloneArray(arr);
  arr = '';   // Delete the original
  alert ( cloned );
}


function cloneArray(arr) {  
  // Deep copy arrays. Going one level deep seems to be enough.
  var clone = [];
  for (i=0; i<arr.length; i++) {
    clone.push( arr[i].slice(0) )
  }
  return clone;
}

在我运行这个测试时（Ubuntu 上最新稳定的 Chrome 和 Firefox），即使是数组的最深部分似乎也成功地按克隆中的值复制，即使在删除原始数据之后，尽管事实上 slice() "复制”只深入了一层。这是 JavaScript 中的标准行为吗？我可以依靠它来为旧版浏览器工作吗？

您的测试对于是否正在制作真实副本存在缺陷，这使得您的结论不正确，即您获得了嵌套数组中所有数据的完整副本。你只是进行了两级副本，而不是N级副本。

Javascript 是一种垃圾收集语言，因此您实际上不会删除变量或对象，即使您尝试过，如果在代码中的其他地方引用了同一变量，也不会影响该变量。要查看是否确实拥有完全独立的副本，请尝试将对象嵌套两层，然后更改原始数组中对象的属性。您会发现克隆数组中的同一对象发生了变化，因为您没有进行深度克隆。两个数组都引用完全相同的对象。

Here's 一个例子 http://jsfiddle.net/jfriend00/29zuP/.

function cloneArray(arr) {  
  // Deep copy arrays. Going one level deep seems to be enough.
  var clone = [];
  for (i=0; i<arr.length; i++) {
    clone.push( arr[i].slice(0) )
  }
  return clone;
}

var x = [[{foo: 1}]];

var y = cloneArray(x);
x[0][0].foo = 2;

// now see what the value is in `y`
// if it's 2, then it's been changed and is not a true copy
// both arrays have a reference to the same object
console.log(y[0][0].foo);    // logs 2

如果第三层也是另一个数组，也会发生相同的结果。您必须递归遍历对象类型的每个元素，然后克隆该对象本身以获得嵌套数组中所有内容的完整克隆。

如果您想要执行深层复制（到任意级别）并适用于所有数据类型的代码，请参阅here https://stackoverflow.com/questions/728360/most-elegant-way-to-clone-a-javascript-object.

仅供参考，你的cloneArray()函数假设数组的所有第一级成员本身都是数组，因此如果它包含任何其他类型的值，则该函数不起作用。