JavaScriptのfor in 文について

Question

上級者が集っている中で恥ずかしいのですが、
初心者の質問に答えてください。

var o = {a:1,b:2,c:3};
for(var p in o)
document.write(o[p] + "<br>");
document.write(p + "<br>");

この時、
1
2
3
c
と表示されますが、
1
2
3
a
b
c
と表示されないのはなぜでしょうか？

当たり前の質問かもしれませんが、回答待っています。

Answer 1

for(var p in xx) {
    document.write(...);
    document.write(...);
}
上記の実行結果は、
最初のwrite
次のwrite
...(交互に出力される)
コード

for (var p in xx) document.write(...);
document.write(...);
上記の実行結果
最初のwrite
...
次のwrite
コード

for (var p in xx) docunent.write(...)
document.write(...)
上記の実行結果
最初のwrite
...
次のwrite
コード

javascript の文法は、セミコロンがない場合は改行コードでステートメントの区切りと見なす。
セミコロンがある場合は、1行に複数のステートメントを記述できる(マルチステートメント)。
for 文は、後続のステートメントを実行する。複数のステートメントを1つのステートメントと
みなしたい場合に、{ と } で囲むことで、任意複数行のステートメントを実行できる。
よって、質問の想定する結果にはなりません。

for (var p in xx)
  document.write(xx[p]);
  document.write(p);
この場合、xx[p] が一杯出力された後、p が1個だけ出力されますが、
高級言語 (java, c#など)の文法では、2つ目のducument.writeは実行できないエラーになります。
javascript 変数スコープがことなるので、高級言語に慣れた方が意図せずに記述ミスに気がつかず、期待通りになぜか動作してしまう謎の事象で悩むことがあったりします。
余談でした。
コード

Answer 2

{} で括らない場合、for の次行のみがその対象になります

for(var p in o) {
  document.write(o[p] + "<br>"); 
  document.write(p + "<br>"); 
}

Comments

[退会済みユーザー]

なるほど！