SYNCERのロゴ
アイキャッチ画像

ランダムの数(乱数)を作る方法

JavaScriptでランダムでメッセージや画像を表示したい場合に役立つ「乱数の作り方」を説明します。Mathオブジェクトのrandom()、floor()というメソッドを利用しましょう。

サンプルコード

5〜10の間でランダムな整数を作る例です。

var min = 5 ;
var max = 10 ;

var a = Math.floor( Math.random() * (max + 1 - min) ) + min ;

デモ

Math.random(n)で、0〜nまでのランダム数を取得できます。取得できる値は少数を含むので、整数を得たい場合はMath.floor()などで切り捨てましょう。

最大値を指定

0〜10の間で得たい場合は11、0〜100で得たい場合は101を指定します。

var a = Math.floor( Math.random() * 11 ) ;

a =

最小値と最大値を指定

「最小値と最大値を指定したい」という場合です。最小値をmin、最大値をmaxとして、左側にはmax + 1 - minを、右側にはminを指定して下さい。

var min = 5 ;
var max = 10 ;

var a = Math.floor( Math.random() * (max + 1 - min) ) + min ;

a =

配列からランダムで選ぶ

応用です。配列からランダムで要素を選ぶのは、「最大値だけ指定する方法」の最大値の部分に配列の要素数をあてはめれば実現できます。

// 配列
var arr = [ "こんにちは", "おはよう", "こんばんは", "さようなら" ] ;

// 配列からランダムで値を選択
var a = arr[ Math.floor( Math.random() * arr.length ) ] ;

a =

  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年6月22日 (木)
コンテンツを公開しました。