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):

const x = Math.random();

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):

const y = Math.random() * 10;

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:

const z = Math.floor(Math.random() * 10);

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:

const x = Math.random();

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:

const y = Math.random() * 10;

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:

const z = Math.floor(Math.random() * 10);

(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!