js while文

Question

jsで下記のようなコードを見たのですが、判定条件がイマイチよくわらないのですが、どうなっているのでしょうか？

また、なにを見ればこのような形のコードが載っているのでしょうか？

var i=0; // 今回は0を入れておきます。
while((i++) != 0){
  console.log(i); // iが表示されない
}

Comments

[otn]

これだけ簡単な構文だと、何が分からないのか、伝わってこないのですが、逆に、何が分かるのでしょうか？

Answer 1

i++は、「iに1を加える」、「加える前のiを返す」という2つの操作を行う演算子です。ほぼ同様な動作をするようにわかりやすく書きなおせば、こうなります（ただし、ループを抜けた時のiの値は違います）。

var i=0; // 今回は0を入れておきます。
while(i != 0){
  i += 1;
  console.log(i); // iが表示されない
}

とはいえ、式の途中に++演算子を混ぜ込む形はかなり読みづらいので、どうしてもその形が必要な場面に遭遇した時とか、あるいはハッカー気分に浸りたいのでもなければ分けて書くことを、強くおすすめします。

Comments

[退会済みユーザー]

そうですね...とても読み辛いので、この書き方は控えます。
ありがとうございました。

Answer 2

// iが表示されない

わからない部分というのはここでしょうか。下記 i++ と ++i の違いを確認してみてください。

var i = 0;
while ( (i++) != 0 ) { // i が 0 以外のときに実行する 1回目の比較のとき、
                       // i はまだ加算されていないため、i === 0 となって実行されません。
	console.log( 'a:' + i ); // 表示され無い
	break;
}

var i = 0;
while ( (++i) != 0 ) { // 上の例とは違い、1回目の比較のとき、
                       // i は加算されているため、i === 1 となって実行されます。
	console.log( 'b:' + i ); // 表示される
	break; // i が加算され続けるため、無限ループになるのでとりあえず強制的にwhileを抜けさせています。
}

【インクリメント演算子 (++)、デクリメント演算子 (--) (JavaScript)】
https://msdn.microsoft.com/ja-jp/library/26k41698(v=vs.94).aspx

演算子が変数の前にある場合、値は式が評価される前に変更されます。演算子が変数の後ろにある場合、値は式が評価された後で変更されます。つまり、j = ++k; である場合、j の値は k の初期値に 1 を加えたものです。j = k++; である場合は、j は j に割り当てられた後で増加する k の初期値です。

Comments

[退会済みユーザー]

ご回答ありがとうございました。
理解できました。