JavaScript/if文の使い所と条件式が分からない

Question

JavaScript初学者です。

ランダムな0～30の整数値を100回コンソールに出力して、
もし2回連続で同じ数字が出力されたら、
処理を止めたいというような、プログラムを作ろうと思ったのですが
どのようにすればいいのか？考えても思いつかず、質問させて頂きました。

下のコードのように
0～30のランダムな整数値を100回出力するやり方は
分かるのですが、2回連続で同じ数字が出力されたら
処理を止めたいという様なコードが思いつきません。

for (let i = 1; i <= 100; i++) {
    const ran = Math.floor(Math.random() * 31);
    console.log(ran);
  }

恐らくif文を使うと思うのですが
どのようにすればいいのでしょうか？
その場合の条件式なども分からないので教えて欲しいです。

Comments

[m.ts10806]

ifが何をする機能なのかは把握されてるのでしょうか。

[meg_]

> どのようにすればいいのか？考えても思いつかず、質問させて頂きました。
コーディング出来なくてもフローチャートでは表現出来ますか？

Answer 1

解決の指針案

恐らくif文を使うと思うのですが

どのようにすればいいのでしょうか？

概ね下記のようなロジックで実現できるかと思います。

1. コンソールに出力するごとに、その値を変数に保存しておく
2. ran の値を算出した後、前回保存した値と同じであればforループを中断する

コード例

下記のコードでは、前回の値を保存する変数をpreviousValueと定義し、
ranの値を算出するごとに、それと同じ値かどうかをif文で判定しています。
その上で、前回と同じ値が出たときはforループ文を中断するbreakを用いて処理を止めています。

let previousValue = null
for (let i = 1; i <= 100; i++) {
  const ran = Math.floor(Math.random() * 31);
  if (previousValue === ran) {
    break;
  } else {
    previousValue = ran
  }
  console.log(ran);
}

なにか不明な点があればお伝え下さい。
以上ご確認をよろしくおねがいします！

Comments

[kirakira3003]

なるほどです。
とても理解出来ました。
ちなみに、この場合は1回目のranで
0が出力された場合は、処理が止まるのでしょうか？

[marasonPD]

いえ、１回目のループ時は`previousValueの値は１行目で定義したとおり`null`なので、
１回目のranで0が出力されても`previousValue === ran`は`false`になり、処理は止まりません。

[kirakira3003]

了解です！
ありがとうございました。

Answer 2

一回前の数字を変数にでも置いといて、今回出た数字と比較して同じかどうかを判断すればいいです

Comments

[kirakira3003]

なるほどです。
教えて頂き、ありがとうございます。