Javascriptのオブジェクトについて

Question

  var o = {x:1, y:2, z:3};
  var a = [], i = 0;
  for(a[i++] in o)//here
  document.write(a);

このコードの//hereの代わりに;を入れるとなぜ値がかわるのでしょうか？
詳しく教えていただけたら嬉しいです。

Answer 1

for文で繰り返す内容は、基本的には{}で囲いますが、
1行だけであれば省略できます。

つまり、

 for(a[i++] in o)//here
  document.write(a);

というのは

 for(a[i++] in o){
  document.write(a);
 }

の括弧の省略された形です。

//hereを;に変えると、意味が変わり、下記のような意味になります。

 for(a[i++] in o){
  //処理なしのfor文
 }
 document.write(a);

Answer 2

「//here」後ろに改行がありますが、それが有ってもjavascriptの動作には影響しません。
逆に「;」が入るとそこでそのコマンドの終了を意味します。
前者はこれと同じで

for(a[i++] in o){
  document.write(a);
}

※初回に"x"、次に"x,y"、最後に"x,y,z"が出力されて、"xx,yx,y,z"

後者はこれと同じです。

for(a[i++] in o){}
document.write(a);

※完成したaが一度だけ出力されて　"x,y,x"

Comments

[退会済みユーザー]

初回はx、次は....
で何故その配列になるのでしょうか？

[hirohiro]

最初aは空っぽの配列var a = []。　iは0です　
ここにループで処理を行いますが
for(a[i++] in o){
document.write(a);
}
ループの1回目はa[0]にoの一つ目"x"を代入して、その後i+1しますので、この時点でa=["x"],　i=1　です。そしてこの時点のaを書き出しています。
ループの2回目はa[1]にoの二つ目"y"を代入して、その後i+1しますので、この時点でa=["x","y"],　i=2　です。そしてこの時点のaを書き出しています。

[hirohiro]

for(a[i++] in o)　この書き方がややこしいですが
var key = "";
for(key in o){console.log(key);}
これなら一回目にkeyに"x"が代入されて"x"が書き出されるのをイメージしやすいと思います。
問題のコードはa[i++]に代入してるわけです。

[退会済みユーザー]

最初と次のループはわかりますが、なぜ3回目でxx,yx,zx,y,zになるのでしょうか？

[hirohiro]

すみません。これは私の記述ミスでした。"xx,yx,y,z"ですね。
一回目のループで"x"がブラウザに表示されます。
二回目のループでは"x,y"が追加されブラウザの表示は"xx,y"になります。
ここまでは大丈夫でしょうか？
そうすると次も同じように
ループの3回目はa[2]にoの三つ目"z"を代入して、その後i+1しますので、この時点でa=["x","y","z"],　i=3　です。そしてこの時点のaを書き出しています。

ブラウザ上には"x,y,z"が新たに出力され2回目までの"xx,y"と合わさって、表示は"xx,yx,y,z"となります。

[退会済みユーザー]

一番初めのご回答のxx,yx,zx,y,zは誤りですか？

[hirohiro]

そうです。修正しておきますね。
質問欄に書かれたコードを実行しても"xx,yx,y,z"こうなってました。
"xx,yx,y,z"これになる理屈は前回のコメントの通りです。

[退会済みユーザー]

ありがとうございます！！！
これから見かけたら答えてくるとうれしいです！！！