while,forのループ判定が一部理解できません

Question

var i = 0;
while (i<10) {
	i++;
	document.write(i);
}

これが理解できません
結果は1,2,3,4,5,6,7,8,9,10
この場合i<10なのでiが10より小さい間、つまり10は含まれないのではないんでしょうか？
それともi++でi+1をしているためループで9になったとき10に達していないため10も表示されるのですか？
最後の判定が9だからもう一度ループしているのですか

var i = 0;
while (i<10) {
	document.write(i);
        i++
}

この場合は9を書き込んでその後i++なので表示される前に10と判定されている。という見解で良いのですか？

Answer 1

null_ccさんの認識で問題ありません。

上のコードの最後のループを説明すると
0. ループ判定（iが9なのでwhile内を処理する）
0. 値増加（iが10になる）
0. 値出力（i=10を出力）
0. ループ判定（iが10なのでwhile内を処理しない）

下のコードの最後のループを説明すると
0. ループ判定（iが9なのでwhile内を処理する）
0. 値出力（i=9を出力）
0. 値増加（iが10になる）
0. ループ判定（iが10なのでwhile内を処理しない）
出力結果は0,1,2,3,4,5,6,7,8,9となり、結果は異なりますが上下で出力されている値の個数が同じ（ループ回数が同じ）ことがわかります。

デバッガでステップ実行してやリながら、変数の変化を追ってみるとわかりやすいです。

Comments

[退会済みユーザー]

丁寧に解説していただき感謝です
自分でも何度か試した結果思うような処理になったのでよかったです！
ありがとうございました

Answer 2

以下のページをご確認ください。
分かりやすく解説されています。

参考: while文 - 繰り返し処理 - JavaScript入門

ブラウザは何を使用されていますでしょうか？
ブラウザに付属しているデバッガでステップ実行をし、
処理を追ってみると良いと思います。