JavascriptでのFizzBuzz問題　for文での処理について

###前提・実現したいこと
JavascriptでFizzBuzz問題を解いていますが、
1点疑問に感じることが有ります。
かなり初心者で申し訳ないのですが･･･。

###発生している問題・エラーメッセージ

###該当のソースコード

for (var i = 1; i <= 100; i++){
 if (i % 3 === 0 && i % 5 ===0){
  console.log("FizzBuzz");
 }else if (i % 3 === 0){
  console.log("Fizz");
 }else if (i % 5 === 0){
  console.log("Buzz");
 }else{
  console.log(i);
 }
}

上記のコードの下記の部分を

for (var i = 1; i <= 100; i++){

for (var i = 1; i <= 100; i++);{

とすると、
101という結果が出るのはなぜでしょうか？？

for文の条件がi<=100なのに、なぜ101が出るのか疑問です･･･。

kei344

2018/01/19 02:13

質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

行動規範の内容に同意します

回答2件

if文の条件式の後ろに;を付加した場合と等価なコードを考えれば明らかです.

JavaScript
1var i;
2for (i = 1; i <= 100; i++){
3
4}
5//この時点でiの値は101である
6{
7  if (i % 3 === 0 && i % 5 ===0){
8    console.log("FizzBuzz");
9  }else if (i % 3 === 0){
10    console.log("Fizz");
11  }else if (i % 5 === 0){
12    console.log("Buzz");
13  }else{
14    console.log(i);
15  }
16}

varで宣言した変数は巻き上げにより関数全体で有効な変数となります.
if([条件]);{}とすることで後ろの{}ブロックが;で区切られ, if文と独立したものとして扱われます.

投稿2018/01/18 23:52

defghi1977

総合スコア4756

umaumaneko

2018/01/19 03:44

あ！！ありがとうございます！！！なるほど！！ for (i = 1; i <= 100; i++){ } こういう意味になってしまうのですね。 for文について勘違いをしていましたが、 >増減値の式にあるように初期値「i」を加算し、条件式が成立しなくなる（false）まで繰り返していくこういうものなんですね･･･！となると、i<=100がfalseになった段階で101を出力しているということでしょうか！

defghi1977

2018/01/19 10:16

> i<=100がfalseになった段階で101を出力しているということでしょうか！ iを1ずつ加算していき, i=101の時点で条件式「i<=100」が偽判定されることで(空の)for文を抜け, 後続のif文が実行されているのです. for文は何も加算ループの為の構文ではなく, while文における「初期化式・条件判定式・next式」の見通しを良くするためのものなので, 例えば for(;;){ break; } のように初期化式等を省略しても正しいものとして解釈されます.

行動規範の内容に同意します

for文の条件がi<=100なのに、なぜ101が出るのか疑問です･･･。

for (var i = 1; i <= 100; i++)を「iを1から100まで繰り返せ」という宣言的な物と理解しているのが間違いです。

for (var i = 1; i <= 100; i++)は、goto文のあるCで書くと、概ね下記のコードと同等です。
JavaScriptでも意味的には同じです。

C
1    i=1;
2LOOP:
3    if( ! (i<=100) ) goto OUT;
4    forの閉じ括弧の直後の文を実行;
5    i++;
6    goto LOOP;
7OUT:

つまり、ループを抜け出したときは、(i<=100)が偽でiは100を越えています。

for (var i = 1; i <= 100; i++);と括弧の直後にセミコロンを書いちゃうと、「forの閉じ括弧の直後の文」が空文になりますので、結局、ループを空回りして(i<=100)が偽になった段階でfor文の次の文に進みます。

投稿2018/01/19 00:38

編集2018/01/19 04:16

otn

総合スコア84498

umaumaneko

2018/01/19 03:37

ご回答いただき、ありがとうございます。 >つまり、ループを抜け出したときは、(i<=100)が偽でiは100を越えています。 >for (var i = 1; i <= 100; i++);と括弧の直後にセミコロンを書いちゃうと、 >「その直後の文」が空文になりますので、結局、ループを空回りして(i<=100)が偽になった段階で次の文に進みます。上記なのですが、｢空文｣となっている｢その直後の文｣がどれなのか、｢次の文に進みます｣の｢次の文｣がどれなのかよく理解ができません。空文になっている、｢その直後の文｣とはどこからどこまでを指しておりますでしょうか？ ``` if (i % 3 === 0 && i % 5 ===0){ console.log("FizzBuzz"); } ``` ここからここまでが｢直後の文｣という認識でしょうか？であれば、下記の文が、｢その次の文｣として実行されているということですか･･･？ ``` else if (i % 3 === 0){ console.log("Fizz"); }else if (i % 5 === 0){ console.log("Buzz"); }else{ console.log(i); } ``` 全くの初心者で理解が悪く申し訳ございません。お手すきの際にご回答をいただけますと幸いです。

otn

2018/01/19 04:10

ifの閉じ括弧の直後の文です。普通は波括弧で囲んで複文 { ・・・ } にします。そこを空文にするとループの中身が空になります。