javascriptのforの疑問です

Question

for(let count = 0;count<1;count++){
console.log("こんにちは");
}

for(let count = 0;count<1;++count){
console.log("こんにちは");
}

最初の記述は「こんにちは」１回は予想できたのですが、２番目の記述は「こんにちは」が２回になると思うのですが、なりません。
これはfor自体がwhileの場合と比べて制限が厳密と考えればよいのでしょうか？

Comments

[querykuma]

この質問に初心者マークを付けていただけますか？
https://teratail-v2.storage.googleapis.com/assets/img/tour/03.mp4?1566365738722466
https://teratail.com/tour

[m.ts10806]

予想も何も書いた通りにしか動かないので結果が全てですよ。

Answer 1

for文の説明なら任せてください。
teratailの他の質問でfor文の制御フローを解説するために作成した図です。

増減の部分が++countでもcount++でも終了条件に影響しません。

for(let count = 0;count<1;count++){
  console.log("こんにちは");
}

for(let count = 0;count<1;++count){
  console.log("こんにちは");
}

for(let count = 0;count<1;count=count+1){
  console.log("こんにちは");
}

for(let count = 0;count<1;count+=1){
  console.log("こんにちは");
}

４つとも同じ繰り返し回数になります。

Comments

[hisayan]

分かりやすい図解をありがとうございました。

Answer 2

こういう時は仕様を見るのが一番ですね。
ECMAScript® 2020 Language Specification
3.fで3番目の式？が評価されますが、評価値は用いられていないことがわかります。3.aで評価されるのは3番目の式？ではなくて2番目の式？です。

Comments

[think49]

> 3.aで評価されるのは3番目の式？ではなくて2番目の式？です。

「式？」と書いているのは「式ではない要素」があるからでしょうか。
ES2020 13.7.4.7 には、"for(LexicalDeclarationExpression;Expression)Statement" とありましたが、読み逃した部分があるのかな…
https://tc39.es/ecma262/#sec-for-statement-runtime-semantics-labelledevaluation

[Lhankor_Mhy]

for( LexicalDeclaration Expression; Expression ) Statement
について、
LexicalDeclaration の文法表現は
LetOrConst BindingList;
で、Declaration または （varの場合は）Variable Statement だと認識していましたが、違いましたか？

[Lhankor_Mhy]

あ、var の場合はまた別の文法規則なのか……

[Lhankor_Mhy]

あ、そうか、think49さんがおっしゃるのは、2番目は式しかありえないだろう、ということなんですね？

for ( 定義; 式; 式 ) 文
の構文では、式は2つしかないので「3番目の式」という言葉を使うのに躊躇した、ということなんです。
わかりにくくてすみません。

[think49]

質問の意図はご推察通りで「式？」の「？」が曖昧性を表していると思ったのですが、その意図が不明だったので尋ねました。
この「？」は「式」を否定するものではなくて、「何番目」かで戸惑いがあったのですね。

ES2020の「13.7.4.7 -> IterationStatement:for(LexicalDeclarationExpression;Expression)Statement -> 11.」を参照してみると、
https://tc39.es/ecma262/#sec-for-statement-runtime-semantics-labelledevaluation

> 11. Let bodyResult be ForBodyEvaluation(the first Expression, the second Expression, Statement, perIterationLets, labelSet).

とあるので、仕様に従うと、「1番目の式 = count<1」「2番目の式 = ++count」という扱いになりますね。

[Lhankor_Mhy]

おっしゃるとおりです。
ただ、何の説明もなくそれを「1番目の式」と書くと誤解の元だろうと思いまして、結局「式っぽいものの2番目」という意味合いで「？」をつけました。表現が難しいですね。

Answer 3

count++と++countの違いは、この式自体を利用した場合の値（a = b++;とa = ++b;でaの値が違う）だけです。

forの3つ目に書いた式は評価はされるものの値は使われないので、count++と++countで何も変わりません。

Answer 4

こんにちは

以下の回答では、 説明の便宜上、

• for (・・・) { } の ・・・ の部分を、 MDNのfor 文の説明にそって、 セミコロンで区切った3つの式を各々、 for (初期化式; 条件式; 加算式) と呼ぶことにします。
• 同様に、 while(・・・) { } についても、式 ・・・ を条件式 と呼ぶことにします。

以下は、 インクリメント演算子（++)についての、MDN からの引用です。

インクリメント (++)
インクリメント演算子は数値を 1 ずつ加算し、値を返します。
・オペランドの後に演算子を置く後置記法 (例: x++) で使った場合、加算する前の値を返します。
・オペランドの前に演算子を置く前置記法 (例: ++x) で使った場合、加算した後の値を返します。

• 以上、 算術演算子 - インクリメント (++) より引用

上記の確認のため、ご質問に挙げられている for を使ったコードを、 count ++ と ++ count とで、結果が異なるように修正するならば、加算式でインクリメントせずに、以下のように、条件式でインクリメントするようにします。

• 後置インクリメント(for の条件式でインクリメントする）

for (let count = 0; count ++ < 1; ) {
  console.log("こんにちは"); // 1回表示される。
}

• 前置インクリメント(for の条件式でインクリメントする）

for (let count = 0; ++ count < 1; ) {
  console.log("こんにちは"); // 1回も表示されない。
}

上記の2つを while を使って書き直すと、それぞれ以下になります。

• 後置インクリメント(while の条件式でインクリメントする）

let count = 0;
while (count ++ < 1) {
  console.log("こんにちは");  // 1回表示される。
}

• 前置インクリメント(while の条件式でインクリメントする）

let count = 0;
while (++ count < 1) {
  console.log("こんにちは");  // 1回も表示されない。
}

　　

ご質問に提示されている、以下の2つのコード

• 後置インクリメント(for の条件式でインクリメントせず、加算式でインクリメントする）

for (let count = 0; count < 1; count ++ ){
  console.log("こんにちは"); // 1回表示される。
}

• 前置インクリメント(for の条件式でインクリメントせず、加算式でインクリメントする）

for (let count = 0; count< 1; ++ count ){
  console.log("こんにちは"); // 1回表示される。
}

を while で書き直せば、以下のように、後置インクリメントが返す値と前置インクリメントが返す値との差が、ループ継続の判定に影響しないものになります。

• 後置インクリメント(while の条件式でインクリメントせず、ループ本体の最後にインクリメントする）

let count = 0;
while (count < 1) {
  console.log("こんにちは"); // 1回表示される。
  count ++;
}

• 前置インクリメント(while の条件式でインクリメントせず、ループ本体の最後にインクリメントする）

let count = 0;
while (count < 1) {
  console.log("こんにちは"); // 1回表示される。
  ++ count;
}

以上を整理すると、以下の３点です。

• 冒頭に挙げた、MDNによる インクリメント演算子（++)の説明に

インクリメント演算子は数値を 1 ずつ加算し、値を返します。

と書かれています。つまり、インクリメント演算子を使うことによって返される値がある、ということです。

• 後置インクリメントと前置インクリメントとで差異が生じるのは、この返される値を使ったときです。上記に挙げた全8点のコードうち前半4点はその例になっています。

　

• 条件式でインクリメントしないコード（後半の4点）では、返される値を使っていないので、前置と後置とで同じ結果（"こんにちは" と１回表示される）になります。

参考になれば幸いです。

Comments

[hisayan]

詳しい解説をありがとうございました。

Answer 5

for 文

for(let count = 0;count<1;count++);
for(let count = 0;count<1;++count);

両コード共に、

• 繰り返し条件式は count<1
• 繰り返し開始時の処理はインクリメント(1を加算)

なので、繰り返し回数は変わりません。

インクリメント

インクリメントの過去質問。

• JavaScript - javascriptの++にういての疑問です｜teratail

Re: hisayan さん