Heim >Web-Frontend >js-Tutorial >Generieren von Zufallszahlen in JavaScript mit Math.random () generieren

Generieren von Zufallszahlen in JavaScript mit Math.random () generieren

Joseph Gordon-Levitt
Joseph Gordon-LevittOriginal
2025-02-11 08:31:12901Durchsuche

In diesem Artikel wird vorgestellt, wie die JavaScript Math.random() -Funktion verwendet wird, um zufällige Zahlen zu generieren und eine wiederverwendbare Funktion zu erstellen, um sie auf verschiedene Szenarien anzuwenden, wie z. Briefe, Zeichenfolgen, Phrasen und Passwörter.

Kernpunkte:

  • Die integrierte Math.random() -Funktion in JavaScript erzeugt Pseudo-random-schwimmende Punktzahlen zwischen 0 (inklusiv) und 1 (nicht enthalten). Um eine zufällige Zahl von mehr als 1 zu erzeugen, multiplizieren Sie das Ergebnis einfach mit dem Skalierungsfaktor.
  • Um eine zufällige Ganzzahl zu generieren, verwenden Sie die Funktion Math.floor, um abzurunden. Um zufällige Ganzzahlen innerhalb eines bestimmten Bereichs zu erzeugen, fügen Sie einfach den Mindestwert des Bereichs zum Ergebnis hinzu.
  • Dieser Artikel zeigt, wie Sie die Funktion Math.random() verwenden, um zufällige Bilder, Farben, Buchstaben, Zeichenfolgen, Phrasen und Passwörter zu generieren. Diese Techniken können Ihrem JavaScript -Programm zufällige Elemente hinzufügen.
  • Die im Artikel
  • erstellten Funktionen (z. B. randomInt, randomColor und randomString) sind Bausteine ​​für komplexere Funktionen und zeigen den Eckpfeiler der Programmierung: Verwenden von Funktionen, um komplexere Funktionen zu erstellen.

Zufälligkeit in JavaScript

Es ist sehr nützlich, Ihrem Programm zufällige Elemente hinzuzufügen. Möglicherweise möchten Sie einige zufällige Stile hinzufügen, um den Spaß Ihrer Website zu verbessern, zufällige Phrasen zu generieren oder versehentliche Elemente zum Spiel hinzuzufügen.

Leider ist das Erstellen von echten zufälligen Werten tatsächlich sehr schwierig (es sei denn, Sie können radioaktive Substanzen ausgesetzt werden… oder einem Affen mit einer Tastatur). Um dieses Problem zu lösen, verwendet die Programmiersprache eine deterministische Methode, um Pseudo-Random-Zahlen zu generieren. Diese Zahlen scheinen zufällig zu sein, werden jedoch tatsächlich durch Funktionen generiert, die Saatgutwerte basierend auf Ereignissen wie Zeit- oder Mauszeigerposition akzeptieren.

JavaScript hat eine random -Funktion, eine Methode mit integrierten Math -Objekten. Der ECMAScript -Standard gibt nicht an, wie diese Funktion zufällige Zahlen generieren soll. Daher bleibt er dem Browserhersteller implementiert. Zum Zeitpunkt des Schreibens verwenden alle großen Browser derzeit den XORSHIFT128-Algorithmus im Hintergrund, um Pseudo-Random-Zahlen zu erzeugen.

Um es zu verwenden, geben Sie einfach Math.random() ein und es gibt eine Pseudo-random-schwimmende Punktzahl zwischen 0 (inklusive) und 1 zurück (nicht enthalten):

<code class="language-javascript">const x = Math.random();</code>

Dies kann durch die folgende Ungleichheit ausgedrückt werden:

<code>0 ≤ x < 1</code>

Aber was ist, wenn Sie eine zufällige Zahl von mehr als 1 wollen? Es ist einfach: Sie müssen sich nur mit einem Skalierungsfaktor multiplizieren, um es zu verstärken. Beispielsweise liefert das Multiplizieren des Ergebnisses mit 10 einen Wert zwischen 0 (inklusiv) und 10 (nicht enthalten):

<code class="language-javascript">const y = Math.random() * 10;</code>

Wenn wir beide Seiten der vorherigen Ungleichheit mit 10 multiplizieren, können wir den Grund sehen:

<code>0 ≤ y < 10</code>

Aber das Ergebnis ist immer noch eine schwimmende Punktzahl. Was ist, wenn wir eine zufällige Ganzzahl wollen? Es ist sehr einfach: Wir müssen nur die Math.floor -Funktion verwenden, um den Rückgabewert auf die unten stehende Ganzzahl zu runden. Der folgende Code weist der Variablen Z:

eine zufällige Ganzzahl zwischen 0 und 9 (enthalten) zu
<code class="language-javascript">const z = Math.floor(Math.random() * 10);</code>

Beachten Sie, dass der zurückgegebene Wert nur dann 9 beträgt, wenn wir uns mit 10 multiplizieren.

Wir können diese Methode verallgemeinern, um eine Funktion zu erstellen, die 0 an eine zufällige Ganzzahl zwischen den als Parameter angegebenen Zahlen zurückgibt:

<code class="language-javascript">const x = Math.random();</code>

Wir können diese Funktion jetzt verwenden, um zufällige Zahlen zwischen 0 und 9 zurückzugeben:

<code>0 ≤ x < 1</code>

Wir haben jetzt eine Möglichkeit, zufällige ganze Zahlen zu erstellen. Aber was ist, wenn es zwischen zwei verschiedenen Werten liegt, anstatt immer von Null zu beginnen? Wir müssen nur den obigen Code verwenden und den Wert hinzufügen, den der Bereich starten soll. Wenn wir beispielsweise zufällige Ganzzahlen zwischen 6 und 10 (enthalten) generieren möchten, generieren wir zunächst zufällige Ganzzahlen zwischen 0 und 4 mit dem obigen Code und fügen dann 6 zum Ergebnis hinzu:

<code class="language-javascript">const y = Math.random() * 10;</code>

Beachten Sie, dass wir, um eine zufällige Ganzzahl zwischen 0 und 4 zu generieren, tatsächlich mit 5 multiplizieren müssen.

Wir können diese Methode verallgemeinern, um eine Funktion zu erstellen, die eine zufällige Ganzzahl zwischen zwei Werten zurückgibt:

<code>0 ≤ y < 10</code>

Dies ist nur eine verallgemeinerte Codeform, die wir schreiben, um zufällige Zahlen zwischen 6 und 10 zu erhalten, aber 6 durch den Parameter min und 10 durch den Parameter max. Um es zu verwenden, geben Sie einfach zwei Parameter ein, um die unteren und oberen Grenzen der Zufallszahl darzustellen (enthalten). Um rollende sechsseitige Würfel zu simulieren, können wir den folgenden Code verwenden, um eine Ganzzahl zwischen 1 und 6:

zurückzugeben
<code class="language-javascript">const z = Math.floor(Math.random() * 10);</code>

Generating Random Numbers in JavaScript with Math.random()

(Das Bild sollte hier eingefügt werden, aber das Bild kann nicht angezeigt werden, da auf das lokale Dateisystem nicht zugegriffen werden kann)

Der Rest der Teile ähnelt dem Originaltext. Es ist zu beachten, dass die Bilder erhalten und in ihrem ursprünglichen Format aufbewahrt werden müssen.

Das obige ist der detaillierte Inhalt vonGenerieren von Zufallszahlen in JavaScript mit Math.random () generieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn