ホームページ > ウェブフロントエンド > フロントエンドQ&A > JavaScript で数字をランダムに表示する方法

JavaScript で数字をランダムに表示する方法

PHPz
リリース: 2023-04-25 17:31:01
オリジナル
212 人が閲覧しました

乱数の生成は、JavaScript プログラミングにおける一般的な要件の 1 つです。 JavaScript では、Math オブジェクトを使用して乱数を生成できます。次に、Math オブジェクトを使用して数値をランダムに生成する方法を説明します。

Math.random()

Math.random() は、乱数を生成する JavaScript のオリジナルのメソッドです。このメソッドは 0 から 1 までの乱数を返します。例:

<code class="javascript">var n = Math.random();</code>
ログイン後にコピー

上記のコードは、0 から 1 までの数値をランダムに生成し、変数 n に保存します。

整数乱数を生成する

整数乱数を生成するにはさまざまな方法があります。いくつかの例を見てみましょう。

  1. Math.round()

Math.round() メソッドは、Math オブジェクトでの丸めに使用されるメソッドで、ランダムな小数を整数に変換する場合に使用できます。例:

<code class="javascript">var n = Math.round(Math.random() * 10); //生成0至10之间的整数</code>
ログイン後にコピー

もちろん、他の間隔でランダムな整数を生成したい場合は、乗数と加算を変更するだけで済みます。

  1. Math.floor()

Math.floor() メソッドは切り捨てを行い、このメソッドは指定された数値以下の最大の整数を返します。これを使用して、指定された範囲内の整数の乱数を生成できます。例:

<code class="javascript">var n = Math.floor(Math.random() * 10) + 1; //生成1至10之间的整数</code>
ログイン後にコピー

上記のコードは、1 ~ 10 の整数を生成し、変数 n に保存します。

  1. Math.ceil()

Math.ceil() メソッドは切り上げ、このメソッドは指定された数値以上の最小の整数を返します。これを使用して、指定された範囲内の整数の乱数を生成できます。例:

<code class="javascript">var n = Math.ceil(Math.random() * 10); //生成1至10之间的整数</code>
ログイン後にコピー

上記のコードは、1 ~ 10 の整数を生成し、変数 n に保存します。

指定された範囲内で小数をランダムに生成します

場合によっては、指定された範囲内で小数を生成する必要があります。ここではいくつかの例を示します。

  1. 0と1の間の小数を生成する

前に述べたように、Math.random()を使用して0と1の間の小数を素早く生成することができます:

<code class="javascript">var n = Math.random(); //生成0至1之间的小数</code>
ログイン後にコピー
  1. 指定された範囲内で小数を生成します

生成する必要がある場合指定された範囲の小数、たとえば -1 から 1 の間の小数を取得するには、次のコードを使用できます:

<code class="javascript">var n = Math.random() * 2 - 1; //生成-1至1之间的小数</code>
ログイン後にコピー

上記のコードは、-1 から 1 の間の小数を生成し、それを変数 n に保存します。

  1. 指定された小数点以下の桁数で乱数を生成します

小数点以下 2 桁の乱数を生成するなど、指定された小数点以下の桁数で乱数を生成する必要がある場合は、次のコードを使用できます。 :

<code class="javascript">var n = Math.floor(Math.random() * 100) / 100; //生成小数点后两位的随机数</code>
ログイン後にコピー

上記のコードは、小数点以下 2 桁の乱数を生成し、変数 n に保存します。

これまで、JavaScript で乱数を生成する方法を学びました。これを実践してコードに乱数生成を実装し、プログラムにさらなる可能性と楽しみをもたらします。

以上がJavaScript で数字をランダムに表示する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート