Javascript ES5 unshift/push 改变原始数组而不是内部数组

Question

我写了一篇简短的 Codepen，其中我试图在保留原始数组的同时更改临时数组，但我的两个数组都被更改了。

有人可以解释一下问题是什么吗？

var x = ["x"];
abc(x);

function abc(x){
  for(var i = 0; i < 3; i++) {
    var y = x;
    y.unshift("y");
    console.log(y);
    console.log(x);
  }
}

输出:

["y", "x"]
["y", "x"]
["y", "y", "x"]
["y", "y", "x"]
["y", "y", "y", "x"]
["y", "y", "y", "x"]

提前致谢。

Answer 1

没有内部数组。内存中只有一个数组对象。 x 和 y 只是不同的变量，它们保存对单个数组实例的相同引用，因为您已将 x 的值分配给y 这是一个引用，该引用只是被复制。

如果您想使用数组的副本，可以使用 slice 函数。

var x = ["x"];
abc(x);

function abc(x) {

  var y = x.slice();

  for(var i = 0; i < 3; i++) {
    y.unshift("y");
    console.log('Array y: ' + y);
    console.log('Array x: ' + x);
  }
  
}