JavaScript Array.push（）

Question

我刚接触Javascript，现在在Array.push上遇到一个问题，在原型中也遇到了这个问题。

这是我的代码：

function Ball(array) {
    this.array = array; 
}

Ball.prototype.allArray = []; // this is a property shared among ALL Ball object, though here I just create one object... 
Ball.prototype.addArray = function() {
    this.allArray.push(12); 
}

Ball.prototype.changeArray = function() {
    var array = this.array; 
    var allArray = this.allArray; 

    for (var i = 0; i < allArray.length; i++) {
        array.push(allArray[i]); 
    }
    // Array.prototype.push.apply(array, allArray); // same result as above 

    alert(array.length); // 3 Expected

    /*         PROBLEM          */
    alert(this.array.length); // 3, expected 2 Why 3? We just change array NOT this.array... 
}

var ball = new Ball([123, 198]); 
ball.addArray(); 
ball.changeArray(); 

如上面的代码所述，我对为什么this.array.length = 3而不是2 。

在changeArray方法中，我仅更改数组值，而不更改array.length 。 这意味着this.array的值应保持不变。 因此， this.array.length应该为2 。

我的想法有什么问题吗？ 另外，我怎么能得到this.array.length = 2; 同时继续获取array.length = 3吗？

PS您还可以在JSFiddle中查看此正在运行的代码。

Answer 1

this.array; //内部changeArray()指向您传递给new Ball([123, 198]) changeArray()的同一数组；

var array = this.array; //这会使数组指向同一数组。 因此，更改数组也会更改您的数组。

Answer 2

用

 var array = this.array; 
 var allArray = this.allArray; 

您可以有效地将指针设置this对象的属性。 因此，您似乎对array所做的所有事情实际上都与this.array 。

如果您要处理this.array的副本 ， this.array应该这样做

var array=this.array.slice(0);

代替。 您应该知道，即使这种方法也只能在一个级别上生成新的数组元素。 如果使用数组数组，则内部数组（或任何其他对象）将再次仅是原始数组的指针 。