ywork2020.com

Title

乱数を取得する

目次 (INDEX)

Mathとは

ここで説明するMath とは次の語句からなるjavascriptのオブジェクトです。
math
読み: マス
意味: 数学

floorとは

ここで説明するrandom とは次の語句からなるjavascriptのメソッドです。
random
読み: ランダム
意味: 不規則、予測不可能

目次に戻る

Mathオブジェクトrandomメソッドの概要

Mathオブジェクトのrandomメソッドは、0から1までの擬似乱数を返します。 戻り値は0以上、1未満の範囲で浮動小数点型となります。

なお、Mathは静的なプロパティと静的なメソッドもつ組み込みオブジェクトであり、コンストラクタではありません。 Mathオブジェクトはインスタンス生成しないで使用してください。

また、このメソッドの引数は空で使用します。

目次に戻る

サンプルコードと実行結果

Mathオブジェクトのrandomメソッドは0から1までの範囲で乱数を返します。
実際のサンプルを見る方が理解が早いと思いますので、サンプルのボタンを何回もクリックしてみてください。

サンプルコード: HTML
<body>
	<p><output id="idAnswer">innerHTML</output></p>
	<p><input type="button" value="ボタン" onclick="evtName()"></p>
</body>
  • 02: output要素 (識別子: idAnswer)
  • 03: input要素button型 (onclickイベントでevtName()関数を呼び出す)
サンプルコード: script
<script>
	let elmAnswer = document.getElementById("idAnswer");
	function evtName(){
		elmAnswer.innerHTML = Math.random();
	}
</script>
  • 02: 変数を宣言 (elmAnswerという変数で識別子idAnswerの要素を参照できるようにする)
  • 03: 関数の作成 (ボタンクリックで呼び出されるevtName()という関数を作成する)
  • 04: 関数の処理 (elmAnswerのinnerHTMLプロパティにrandomの戻り値を代入する)
実行結果:

答え: id="idAnswer"
innerHTML

実行:


補足:
サンプルで0以上、1未満の乱数が返ってくることを見ていただけたと思いますが、 実際には下限の「0」や上限の「1」が返ってくることは希少であるといえます。

また、別の話になりますが、この乱数の範囲を調整するにはrandom()メソッドの戻り値に 調整数を乗算することである程度のコントロールが可能です。 例えば0以上、5未満の乱数が必要な場合は下記のようにrandom()メソッドに5を乗算します。

Math.random()*5;

innerHTML

目次に戻る

Math.randomを使用する上での要点

  1. Math.randomは0以上、1未満のランダムな少数を返す。
  2. このメソッドの引数は空で使用する

目次に戻る