【JavaScript】指定した範囲の乱数を生成するサンプルプログラム

こんにちは。たいら(@tairaengineer2)です。
転職を繰り返し現在4社経験している、11年目エンジニアです。

この記事では、 JavaScript指定した範囲の乱数を生成する

  • サンプルプログラム
  • 実行結果
  • プログラム解説

と、丁寧に解説していきます。

前提条件:実行環境について

実行環境は以下の通りです。

OS Windows10

指定した範囲の乱数を生成するサンプルプログラム

サンプルプログラムでは

  • HTML
  • JavaScript

の2ファイルを使います。

乱数を

  • 10から30の範囲
  • 100から200の範囲

の2パターンで2回ずつ生成して結果を表示させます。

フォルダ構成は以下のようになっています。
フォルダ構成

HTMLサンプルプログラム

JavaScriptサンプルプログラム

実行結果

作成したHTMLをブラウザで開きます。

JavaScriptで指定した範囲の乱数を生成するサンプルプログラム
指定した範囲の乱数を生成できたことが確認できました。
※乱数なので、実行するたびに返される値は異なります。

プログラム解説

乱数を生成している

を解説していきます。

ざっくり分けると
JavaScriptの指定した範囲の乱数を生成するサンプルプログラム
と分けることができます。

「乱数値を生成」から解説します。
Math.randomメソッドで乱数を生成していますが、0以上1未満の

  • 0.43524960814804525
  • 0.34739421521127967
  • 0.16544713945965017

というような値が返されます。
なので

でどれくらいの範囲で乱数を生成するのか?を求めて、Math.randomメソッドに掛けます。
最大値を含むために「+ 1」をしています。
生成した乱数には小数点以下が含まれるため、Math.floorメソッドで切り捨てを行います。

「乱数値を生成」で生成した整数に対して「最小値を設定」で最小値を足すことで指定した範囲の乱数を生成することができます。

関数内で使っているメソッドについては、詳しくはこちらの記事をご参考ください。

まとめ:指定した範囲で乱数を求めてみよう!

以上がJavaScriptで指定した範囲の乱数を生成するサンプルプログラムでした!

あなたのご参考になったのなら、とても嬉しいです(*´▽`*)
ではでは~(・ω・)ノシ

コメント

タイトルとURLをコピーしました