ホームページ > ウェブフロントエンド > jsチュートリアル > Math.random()を使用してJavaScriptで乱数を生成する

Math.random()を使用してJavaScriptで乱数を生成する

Joseph Gordon-Levitt
リリース: 2025-02-11 08:31:12
オリジナル
898 人が閲覧しました

この記事では、javaScript

関数を使用してランダム数を生成し、再利用可能な関数を構築して、ランダムな画像のロード、アレイからの要素のランダム選択、ランダムな色の生成など、さまざまなシナリオに適用する方法を紹介します。文字、文字列、フレーズ、パスワード。 Math.random()

コアポイント:

JavaScriptの組み込み
    関数は、0(包括的)と1(含まれていない)の間の擬似ランダム浮動小数点数を生成します。 1を超える乱数を生成するには、結果にスケール係数を掛けるだけです。
  • Math.random()ランダムな整数を生成するには、
  • 関数を使用して丸めます。特定の範囲内でランダムな整数を生成するには、結果に範囲の最小値を追加するだけです。
  • Math.floorこの記事では、
  • 関数を使用して、ランダムな画像、色、文字列、文字列、フレーズ、パスワードを生成する方法を示しています。これらの手法は、JavaScriptプログラムにランダムな要素を追加できます。
  • Math.random()記事(
  • randomIntなど)で作成された関数は、より複雑な関数の構成要素であり、プログラミングの礎を示しています。関数を使用してより複雑な関数を作成します。 randomColor randomString JavaScriptのランダリティ
プログラムにランダムな要素を追加することは非常に便利です。あなたのウェブサイトの楽しみを強化したり、ランダムなフレーズを生成したり、ゲームに偶発的な要素を追加したりするために、いくつかのランダムスタイルを追加することをお勧めします。 残念ながら、実際のランダム値を作成することは実際には非常に困難です(放射性物質にさらされることができない限り、またはキーボードを使用してサルを使用します)。この問題を解決するために、プログラミング言語は決定論的な方法を使用して擬似ランダム数を生成します。これらの数値はランダムであるように見えますが、実際には、時間やマウスポインターの位置などのイベントに基づいてシード値を受け入れる関数によって生成されます。

javascriptには

関数があります。これは、組み込みの

オブジェクトを備えた方法です。 ECMAScript標準では、この機能が乱数を生成する方法を指定していないため、ブラウザメーカーに実装するために任されています。執筆時点では、すべての主要なブラウザが現在、背景にXorshift128アルゴリズムを使用して擬似ランダム数を生成しています。

それを使用するには、randomを入力するだけで、0(包括的)から1(含まれていない)の間の擬似ランダム浮動小数点数を返します:Math

これは、次の不平等で表現できます。Math.random()

const x = Math.random();
ログイン後にコピー
ログイン後にコピー
しかし、乱数が1を超える場合はどうなりますか?簡単です。スケール係数を増幅するだけで掛ける必要があります。たとえば、結果に10を掛けると、値が0(包括的)と10(含まれていない)の間で値が得られます。

前の不平等の両側に10を掛けると、その理由がわかります。
<code>0 ≤ x < 1</code>
ログイン後にコピー
ログイン後にコピー

しかし、結果はまだ浮動小数点数です。ランダムな整数が必要な場合はどうなりますか?それは非常に簡単です。

関数を使用して、戻り値を以下の整数まで丸める必要があります。次のコードは、変数zに0〜9(含まれている)のランダム整数を割り当てます:
const y = Math.random() * 10;
ログイン後にコピー
ログイン後にコピー

10を掛けても、返された値はわずか9であることに注意してください。
<code>0 ≤ y < 10</code>
ログイン後にコピー
ログイン後にコピー

このメソッドを一般化して、パラメーターとして提供される数値間のランダムな整数に0を返す(含まれていない)関数を作成できます。

const x = Math.random();
ログイン後にコピー
ログイン後にコピー
この関数を使用して、乱数を0〜9の間で返すことができます。

したがって、ランダムな整数を作成する方法があります。しかし、常にゼロから始まるのではなく、2つの異なる値の間にある場合はどうなりますか?上記のコードを使用して、範囲を開始する値を追加するだけです。たとえば、6〜10の間のランダム整数を生成する場合は、最初に上記のコードを使用して0から4の間にランダムな整数を生成し、結果に6を追加します。
<code>0 ≤ x < 1</code>
ログイン後にコピー
ログイン後にコピー

0から4の間のランダム整数を生成するには、実際に5を掛ける必要があることに注意してください。

const y = Math.random() * 10;
ログイン後にコピー
ログイン後にコピー
このメソッドを一般化して、2つの値の間にランダム整数を返す関数を作成できます。

これは、6〜10の間で乱数を取得するために記述する一般化されたコードの単なる形式ですが、6を

パラメーターに、10を

パラメーターに置き換えます。それを使用するには、2つのパラメーターを入力して、乱数の下限と上限(含まれています)を表します。したがって、ローリング6面ダイスをシミュレートするには、次のコードを使用して、1〜6の間の整数を返すことができます。
<code>0 ≤ y < 10</code>
ログイン後にコピー
ログイン後にコピー

minmax

(ここに写真を挿入する必要がありますが、ローカルファイルシステムにアクセスできないため、写真を表示できません)
const z = Math.floor(Math.random() * 10);
ログイン後にコピー

残りの部分は、元のテキストに従って書き直すことができます。 写真を保存し、元の形式に保持する必要があることに注意する必要があります。 Generating Random Numbers in JavaScript with Math.random()

以上がMath.random()を使用してJavaScriptで乱数を生成するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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