ホームページ > 記事 > ウェブフロントエンド > JavaScript で数字をランダムに表示する方法
乱数の生成は、JavaScript プログラミングにおける一般的な要件の 1 つです。 JavaScript では、Math オブジェクトを使用して乱数を生成できます。次に、Math オブジェクトを使用して数値をランダムに生成する方法を説明します。
Math.random()
Math.random() は、乱数を生成する JavaScript のオリジナルのメソッドです。このメソッドは 0 から 1 までの乱数を返します。例:
<code class="javascript">var n = Math.random();</code>
上記のコードは、0 から 1 までの数値をランダムに生成し、変数 n に保存します。
整数乱数を生成する
整数乱数を生成するにはさまざまな方法があります。いくつかの例を見てみましょう。
Math.round() メソッドは、Math オブジェクトでの丸めに使用されるメソッドで、ランダムな小数を整数に変換する場合に使用できます。例:
<code class="javascript">var n = Math.round(Math.random() * 10); //生成0至10之间的整数</code>
もちろん、他の間隔でランダムな整数を生成したい場合は、乗数と加算を変更するだけで済みます。
Math.floor() メソッドは切り捨てを行い、このメソッドは指定された数値以下の最大の整数を返します。これを使用して、指定された範囲内の整数の乱数を生成できます。例:
<code class="javascript">var n = Math.floor(Math.random() * 10) + 1; //生成1至10之间的整数</code>
上記のコードは、1 ~ 10 の整数を生成し、変数 n に保存します。
Math.ceil() メソッドは切り上げ、このメソッドは指定された数値以上の最小の整数を返します。これを使用して、指定された範囲内の整数の乱数を生成できます。例:
<code class="javascript">var n = Math.ceil(Math.random() * 10); //生成1至10之间的整数</code>
上記のコードは、1 ~ 10 の整数を生成し、変数 n に保存します。
指定された範囲内で小数をランダムに生成します
場合によっては、指定された範囲内で小数を生成する必要があります。ここではいくつかの例を示します。
前に述べたように、Math.random()を使用して0と1の間の小数を素早く生成することができます:
<code class="javascript">var n = Math.random(); //生成0至1之间的小数</code>
生成する必要がある場合指定された範囲の小数、たとえば -1 から 1 の間の小数を取得するには、次のコードを使用できます:
<code class="javascript">var n = Math.random() * 2 - 1; //生成-1至1之间的小数</code>
上記のコードは、-1 から 1 の間の小数を生成し、それを変数 n に保存します。
小数点以下 2 桁の乱数を生成するなど、指定された小数点以下の桁数で乱数を生成する必要がある場合は、次のコードを使用できます。 :
<code class="javascript">var n = Math.floor(Math.random() * 100) / 100; //生成小数点后两位的随机数</code>
上記のコードは、小数点以下 2 桁の乱数を生成し、変数 n に保存します。
これまで、JavaScript で乱数を生成する方法を学びました。これを実践してコードに乱数生成を実装し、プログラムにさらなる可能性と楽しみをもたらします。
以上がJavaScript で数字をランダムに表示する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。