Math.random()

マス・ランダム（組み込みオブジェクト）

意味 0-1の乱数生成

Math.random()とは？

`Math.random()`メソッドは、0以上1未満の浮動小数点の疑似乱数を返します。

Math.random()の具体的な使い方

0から9までのランダムな整数を生成する例

function getRandomInt() {
  return Math.floor(Math.random() * 10);
}

console.log('0から9までのランダムな整数:');
for (let i = 0; i < 5; i++) {
  console.log(getRandomInt());
}

👇出力結果

0から9までのランダムな整数:
3
7
1
9
4

この例では、Math.random()を使用して0から9までのランダムな整数を生成し、5回出力します。Math.floor()を使用して小数点以下を切り捨てています。

ランダムな色を生成する例

<button onclick='generateRandomColor()'>ランダムな色を生成</button>
<div id='colorBox' style='width: 100px; height: 100px; margin-top: 10px;'></div>

<script>
function generateRandomColor() {
  const r = Math.floor(Math.random() * 256);
  const g = Math.floor(Math.random() * 256);
  const b = Math.floor(Math.random() * 256);
  const color = `rgb(${r}, ${g}, ${b})`;
  const colorBox = document.getElementById('colorBox');
  colorBox.style.backgroundColor = color;
  colorBox.textContent = color;
}
</script>

この例では、Math.random()を使用してランダムなRGB色を生成し、その色をボックスの背景色として適用します。

Math.random()に関するよくある質問

Q. Math.random()の範囲は？

A. Math.random()は0以上1未満の浮動小数点数を返します。つまり、0は含まれますが、1は含まれません。

Q. 整数の乱数を生成するには？

A. 整数の乱数を生成するには、Math.random()に希望の範囲を掛けて、Math.floor()で小数点以下を切り捨てます。例えば、0から9までの整数乱数は Math.floor(Math.random() * 10) で生成できます。

Q. シードを設定できますか？

A. JavaScript標準のMath.random()では、シードを設定することはできません。シードを設定可能な乱数生成が必要な場合は、別のライブラリを使用するか、独自の乱数生成アルゴリズムを実装する必要があります。

Math.random()が学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか？
プログラミング単語帳には、JavaScriptのMath.random()やdate.getFullYear()、Object.defineProperty()、Object.isFrozen()、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。