Javascript変数宣言問題

Question

var Stars = new Array(1,2,3,4,5,6,7,8,9,10); 
var StarsX = new Array(451,455,460,470,490,100,160,220,280,300); 
var StarsY = new Array(451,455,460,470,490,480,390,330,200,120); 
var Starsm = Stars 
var StarsmX = StarsX 
var StarsmY = StarsY 

//just shows the output of the variables in a text field 
function contpost(){Tfield.innerHTML=Stars + "<br/>" + StarsX + "<br/>" + StarsY + "<br/>" + Starsm + "<br/>" + StarsmX + "<br/>" + StarsmY;} 

//cycles through the "for" loop and posts the variables 
function newpost(){ 
for (var i=0;i<Stars.length;i++){ 
    StarsmX[i] = StarsX[i] + 10; 
    StarsmY[i] = StarsY[i] + 10; 
    } 
contpost() 
} 


var Tfield= (This is the text field) 
var canv_one= (This is a canvas in my document) 
canv_one.addEventListener('click', newpost); 

このコード（Firefox 9）を実行すると、if/thenループは "mX"変数と "X"変数の両方に10を追加します。

私は現在、どのようにそれを行うのか知っています。早くも同じように設定したからです。私は宣言でこれを代用すると、それが正常に動作します：

var Starsm = new Array() 
var StarsmX = new Array() 
var StarsmY = new Array() 

私は理解していない何ジャバスクリプトがこれをやっている理由です。私は、StarsxをStarsxと等しくすることは決してしませんでした。

私は、世界の宣言の間に一度等しくすると、後で再同値化されません。これは私がJavascriptの基本的な機能を理解していないことを意味しています。

誰でも手伝いできますか？

Answer 1

変数に何も追加されていません。これはArrayに追加され、両方の変数が同じArrayオブジェクトを参照します。

これは、JavaScriptではの参照の参照のみをオブジェクト自体で保持することができないためです。したがって、配列への参照はコピーされる値であり、配列ではありません。

アレイの浅いクローンが必要な場合は、slice()を使用します。

var Starsm = Stars.slice() 
var StarsmX = StarsX.slice() 
var StarsmY = StarsY.slice() 

または、空の配列を作成してください。