Q&A
2021/03/11 12:00
j++
初歩的な質問ですみません。
現在javascriptの勉強をしており、九九を出力するという問題を解いているのですが、答えを見てもなぜそうなったのかが分かりません。
1回目のループで1×1になるのは理解できますが、2回目のループで1×2になるのは何故なのでしょうか？
■答え
var numberTable = ""; //変数numberTableを定義
for (i = 1; i < 10; i++) { //1つ目のfor文
for (j = 1; j < 10; j++) { //2つ目のfor文
numberTable += i * j;
}
}
回答には以下のように記載されていました。
１つめのfor文の条件式は、
「変数iの初期値が1、iが10未満ならループ実行、初期値iに1づつ足してく」
という意味。iの値が10未満なら中の処理が実行される。
中の処理にはまたfor文が書かれている。この2つ目のfor文の条件式は、
「変数jの初期値が1、jが10未満ならループ実行、初期値jに1づつ足してく」
という意味。jの値が10未満なら中の処理が実行される。
中の処理ではnumberTableに i * j を追加している。
最初のループの時、変数iには1が入っていて、変数jには1が入っている。なので1×1の計算結果の1がnumberTableに追加される。
次のループでは、変数iには1が入っていて、変数jには2が入っている。なので1×2の計算結果の2がnumberTableに追加される。
j++
> 次のループでは、変数iには1が入っていて、変数jには2が入っている。なので1×2の計算結果の2がnumberTableに追加される。
こちらの説明が理解出来ないのでしょうか？ iが1のままなのが分からないということでしょうか？
伝え方が曖昧でした。申し訳ありません。
ご指摘の通り、iが1のままなのが何故なのか分かりません。
2重ループなので、「1回目のループ」「2回目のループ」が何を指すのかが曖昧ですね。
1つ目のfor文は9回くり返されますが、その各回について2つ目のfor文が9回くり返されます。つまり、
・1つ目のfor文の1回目 (i = 1)
・2つ目のfor文の1回目 (i = 1, j = 1)
・2つ目のfor文の2回目 (i = 1, j = 2)
・2つ目のfor文の3回目 (i = 1, j = 3)
(略)
・2つ目のfor文の8回目 (i = 1, j = 8)
・2つ目のfor文の9回目 (i = 1, j = 9)
・1つ目のfor文の2回目 (i = 2)
・2つ目のfor文の1回目 (i = 2, j = 1)
・2つ目のfor文の2回目 (i = 2, j = 2)
・2つ目のfor文の3回目 (i = 2, j = 3)
(略)
・2つ目のfor文の8回目 (i = 2, j = 8)
・2つ目のfor文の9回目 (i = 2, j = 9)
・1つ目のfor文の3回目 (i = 3)
・2つ目のfor文の1回目 (i = 3, j = 1)
(略)
・2つ目のfor文の9回目 (i = 3, j = 9)
(略)
・1つ目のfor文の9回目 (i = 9)
・2つ目のfor文の1回目 (i = 9, j = 1)
(略)
・2つ目のfor文の9回目 (i = 9, j = 9)
というふうに考える必要があります。
丁寧に回答していただきありがとうございます。少しづつ理解できてきた気がします。
1つ目のループの処理は2回目のループ内の処理がすべて終わってから実行されるという解釈で間違いないでしょうか？
「1つ目のループの処理」も「2回目のループ内の処理」も曖昧ですね。それぞれ何を指してますか？
1つ目のループの処理は「変数iの初期値が1、iが10未満ならループ実行、初期値iに1づつ足してく」というもの
2つ目のループの処理は「変数jの初期値が1、jが10未満ならループ実行、初期値jに1づつ足してく」というものと認識しています。
なるほど、「ループの処理」はそうですね。「ループの中身」について考えたことはありますか？
ループの中身というと値の事でしょうか？
値じゃなくて、ループの各回で実行される中身の処理のことです。
1つ目のループと2つ目のループで、それぞれのループの中身は何ですか？
1つ目のループの中身は「変数jの初期値が1、jが10未満ならループ実行、初期値jに1づつ足してく」というもの
2つ目のループの中身は変数numberTableにiとjを掛け合わせたものを代入するというものと考えています。
うーん、「変数jの初期値が1、jが10未満ならループ実行、初期値jに1づつ足してく」 (あれ、変数は i では？) は、ループを回すための処理であって、ループの中身というか、ループの中で実際に実行したい処理ではないです。
例えば、次のループの場合、
for (i = 1; i < 10; i++) {
numberTable += i;
}
() 内の i = 1; i < 10; i++ はループを回すための処理です。別にそれ自体をしたいわけではないですよね。
ループの中身は、{} の中に書いてある numberTable += i; つまり numberTable に i を足す処理になります。これを 9 回行いたいわけです。
あ、↑ は勘違いしてたかも。行番号をつけると、
1: var numberTable = ""; //変数numberTableを定義
2:
3: for (i = 1; i < 10; i++) { //1つ目のfor文
4: for (j = 1; j < 10; j++) { //2つ目のfor文
5: numberTable += i * j;
6: }
7: }
1つ目のfor文の中身は 4 行目だけだと思っているということでしょうか？
遅い時間までありがとうございます。
そうです。その認識でした。
ちなみに変数jは誤りです。混乱して間違えてしまいました。
「ループの中身」という概念を理解してもらうために、次のループを考えます。
1: var numberTable = ""; //変数numberTableを定義
2:
3: for (i = 1; i < 10; i++) {
4: numberTable += i * 1;
5: numberTable += i * 2;
6: numberTable += i * 3;
7: }
・ループの中身は何ですか？
・ループの中身は何回実行されますか？
・最終的な結果 (numberTable の値) はどうなりますか？
・ループの中身は以下の通りです。
numberTable += i * 1;
numberTable += i * 2;
numberTable += i * 3;
・ループは9回実行されます。
・最終的な結果？1周目は上から1,2,3となります。以降はiの増加に応じて変動します。
それは大丈夫みたいですね。次に、2重ループの場合ですが、たぶん「1つ目のfor文」「2つ目のfor文」という呼び方が良くないと思うので、「外側のfor文」「内側のfor文」と呼んだほうがいいと思います。
1: var numberTable = ""; //変数numberTableを定義
2:
3: for (i = 1; i < 10; i++) { // 外側のfor文はじめ
4: for (j = 1; j < 10; j++) { // 内側のfor文はじめ
5: numberTable += i * j;
6: } // 内側のfor文おわり
7: } // 外側のfor文おわり
そして、外側のfor文の中身には、内側のfor分がまるごと入っているということになります。
確かに今思えば1つ目、2つ目という表現は曖昧ですね。
｢外側｣｢内側｣と呼ぶことにします。
変数iが1のままなのは何故なのか。
という問の答えは
｢内側のfor文｣が終了してから｢外側のfor文｣が実行されるから。
for文の仕組みとしては通常である。
という認識で落ち着くことにしました。
上手く言語化出来ているのかはわかりませんが、自分の中では理解できたと思っています。
コメントいただいた皆様。
特に丁寧に教えていただいたhoshi-takanori様。
本当にありがとうございました。
回答2件
0
自己解決
｢内側のfor文｣が終了してから｢外側のfor文｣が実行されるから。
for文の仕組みとしては通常である。
投稿2021/03/11 23:23
総合スコア8
0
まずは、forループというのが何をしているのか、を学習しましょう
それが何か、どういうふうに動作をしているのかを理解しないうちはいくらここで質問して答えてもらっても、理解できません
投稿2021/03/11 13:55
総合スコア88038
あなたの回答
tips
プレビュー
