0～１００までの間で、３の倍数だけを表示させたい

forループに関して、初歩的な質問です。いろいろ試したり調べたりしたのですが、解決しないので、ご教授願います。

・課題
「1から100までの間で、3の倍数の数だけ表示してください」

・自分のコード

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>t</title> </head> <body> <script> for(var i=0;i<=100&&i%3===0;i++){ document.write(i); } 　</script> </body> </html> ```ここに言語名を入力 JAVASCRIPT ソースコード ```

・困っていること
上記のコードで正しいと思っていたのですが、　0(ゼロ)　とだけ表示されてしまいます。
ちなみに、この後この３の倍数を足した合計の数値を表示させなければなりません。
ですが、そもそも、３の倍数だけを表示させることができなくて、困っています。

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

回答6件

1から順番に＋１していき、その数値に3を掛けて、結果100以上であれば終了、そうでなければ出力してループ、という処理でいいのでは。

投稿2020/03/10 16:15

y_waiwai

総合スコア88186

退会済みユーザー

2020/03/10 19:39

０からじゃね？

y_waiwai

2020/03/11 01:31

１から、とかいてあります

Zuishin

2020/03/11 01:37

2 からと書いてあったら 2 から始めてはいけないのでは？

退会済みユーザー

2020/03/11 01:48

お～失礼＾＾；タイトルと、質問内の表現が違ってたw 気が付きませんでした。申し訳ない。どっちが正しいんだろ。。。

AkitoshiManabe

2020/03/11 03:31 編集

こういうことですね。 for ( var r=[],tmp=0,i=1; tmp<100; i++ ) { if (tmp=i*3) r.push(tmp); } ご指摘を受けて修正しております。

退会済みユーザー

2020/03/11 03:09

> AkitoshiManabe さん色々間違ってるので、ちゃんとテストしてから記述したほうが良いかと。

AkitoshiManabe

2020/03/11 03:35

te2ji さん、ありがとうございます。console.time() を並べて試したこともありバグをコメントしておりました（var 宣言の怖さを改めて実感しております）。

robben

2020/03/11 12:38

ありがとうございます！

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

別の考え方

javascript
1var n=3;
2var min=0;
3var max=100;
4var result=Array(Math.floor(max/n)-Math.ceil(min/n)+1).fill(null).map((x,y)=>(y+Math.ceil(min/n))*n).join(",");
5console.log(result);

投稿2020/03/11 02:16

編集2020/03/11 02:24

yambejp

総合スコア118164

yambejp

2020/03/11 02:19 編集

なにも0から100まで全てチェックする必要はないでしょうまたループ処理も必須ではありません

AkitoshiManabe

2020/03/11 02:24

質問内容の課題を無視して遊んでいる点を評価します。（真面目な話、考え方を広げてもらう回答として）

yambejp

2020/03/11 02:41

せっかくなのでforだとこんな感じですかね var n=3; var min=0; var max=100; for(var i=0;i<Math.floor(max/n)-Math.ceil(min/n)+1;i++){ console.log((i+Math.ceil(min/n))*n); }

robben

2020/03/11 12:34

ありがとうございます！

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

ベストアンサー

forの基本構文について改めて確認してください。
https://www.sejuku.net/blog/20777

for (初期値; 条件式; 増減)
例えばカウンタを「i」とした場合、初期値からスタートし、条件式に合致した場合に、forループ内の処理が実行されます。
今回forを使う意図は1から100についての処理を実行するためであって、それが3で割れるかどうか(if文を使う)の判定はその中で実行する必要があります。

JavaScript
1for (var i = 1; i <= 100; i++) {
2  // i = 1からスタート、毎回1ずつ増えて100まで実行される
3  // ここでif文を使い、iが3で割れるか判定する
4  if ([iが3で割れるかの条件式]) {
5    // iが3で割れた場合ここが実行される
6    // document.writeなどでiを出力する
7  }
8}

3で割れた数の合計についてですが、例えば累積値を記録しておく変数を用意して、そこに3で割れたときにiを足していく、などでどうでしょうか。

投稿2020/03/10 16:19

Takumiboo

総合スコア2536

robben

2020/03/11 12:37

ありがとうございます。！

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

あんまり回答になってないです

wikipedia で倍数確認すると

数学において、数 a の倍数（ばいすう、英:multiple）とは、a を整数倍した数、あるいはそれらの総称である。つまり、

    … −3a, −2a , −a, 0, a, 2a, 3a, …

を指す。a ≠ 0 ならば、a の倍数は無数に存在する。

a を整数に限ると、a の倍数とは「a で割り切れる整数」のことであり、a の約数（「a を割り切る整数」）と対比されることも多いが、倍数は a が整数でなくても定義できる。

とあり、「割り切れる数字を表示する」を素直に記述すると

JavaScript
1for(let i=0;i<=100;++i){
2    if(i%3===0)console.log(i);
3}

になると思います。

で、プログラマーが考える場合、「この数字、作れるでしょ」ってなって

JavaScript
1for(let i=0;i<=100;i+=3){
2    console.log(i);
3}

って解が発生します。

今回のケースでは、あまり意味がありませんが、質問をプログラマー視点で読み替えるのは非常に重要です。
参考まで。

投稿2020/03/10 23:25

編集2020/03/10 23:26

退会済みユーザー

総合スコア0

退会済みユーザー

2020/03/10 23:31

100 を含むのか含まないのかは確認したほうが良いと思います。

robben

2020/03/11 12:36

ありがとうございます！

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

他の方もおっしゃっているようにこのfor文では1度目のループの時点でi %3 ===0
という条件を満たしていないため値が取得できない結果となっています。

ですのでｆｏｒ文の中でi %3 ===0の場合の処理を行ってあげてください。

補足

条件が「1~100の間」で3の倍数が欲しいということなら０は不要かと思いますので
int i = 1からスタートするのがよいかと思います。

JavaScript
1for(var i = 1; i <= 100; i++){
2 if(i % 3 === 0){
3  console.log(i);  //値の出力のみ 
4 }
5}

投稿2020/03/10 22:34

編集2020/03/10 23:29

tmp-user

総合スコア44

退会済みユーザー

2020/03/10 23:12

> for文では1度目のループの時点でi %3 ===0 という条件を満たしていないためどうカウントしているのかわかりませんが、一周目の開始時点では満たしています。

tmp-user

2020/03/10 23:27

指摘ありがとうございます。 `int i = 1`にしたつもりでしたが誤記でした。補足修正しておきました。

robben

2020/03/11 12:37

ありがとうございます！

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

ループが1回で止まってしまっているようです。

具体的には、iが加算されて「1」になったとき「i % 3 === 0」の条件式がfalseになり、
その時点でループが終わってしまっています。

以下のような形に分解すると、動くかと思われます。

JS
1for (var i = 0; i <= 100; i++) {
2  if (i % 3 === 0) {
3    ...
4  }
5}

投稿2020/03/10 16:05

編集2020/03/10 16:07

new1ro

総合スコア4528

robben

2020/03/11 12:38

ありがとうございます！

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

あなたの回答

tips

プレビュー

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

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.29%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

補足

関連した質問