Heim > Web-Frontend > Front-End-Fragen und Antworten > So erscheint eine Zahl in JavaScript zufällig

So erscheint eine Zahl in JavaScript zufällig

PHPz
Freigeben: 2023-04-25 17:31:01
Original
211 Leute haben es durchsucht

Das zufällige Generieren von Zahlen ist eine der häufigsten Anforderungen bei der JavaScript-Programmierung. In JavaScript können wir Math-Objekte verwenden, um Zufallszahlen zu generieren. Als Nächstes zeige ich Ihnen, wie Sie mit einem Math-Objekt zufällig Zahlen generieren.

Math.random()

Math.random() ist JavaScripts ursprüngliche Methode zum Generieren von Zufallszahlen. Diese Methode gibt eine Zufallszahl zwischen 0 und 1 zurück. Zum Beispiel:

<code class="javascript">var n = Math.random();</code>
Nach dem Login kopieren

Der obige Code generiert zufällig eine Zahl zwischen 0 und 1 und speichert sie in der Variablen n.

Ganzzahlige Zufallszahlen generieren

Es gibt viele Möglichkeiten, ganzzahlige Zufallszahlen zu generieren. Schauen wir uns ein paar Beispiele an.

  1. Math.round()

Die Methode Math.round() ist die Methode, die zum Runden im Math-Objekt verwendet wird a runden Um zufällige Dezimalzahlen in ganze Zahlen umzuwandeln, können Sie diese Methode verwenden. Zum Beispiel:

<code class="javascript">var n = Math.round(Math.random() * 10); //生成0至10之间的整数</code>
Nach dem Login kopieren

Wenn wir zufällige Ganzzahlen in anderen Intervallen generieren möchten, müssen wir natürlich nur den Multiplikator und den Summanden ändern.

  1. Math.floor()

Math.floor() Methode rundet ab, diese Methode gibt die Zahl zurück, die kleiner oder gleich ist die angegebene Zahl Maximale ganze Zahl. Damit können wir ganzzahlige Zufallszahlen innerhalb eines bestimmten Bereichs generieren. Zum Beispiel:

<code class="javascript">var n = Math.floor(Math.random() * 10) + 1; //生成1至10之间的整数</code>
Nach dem Login kopieren

Der obige Code generiert eine Ganzzahl zwischen 1 und 10 und speichert sie in der Variablen n.

  1. Math.ceil()

Math.ceil() Methode rundet auf, diese Methode gibt die kleinste Zahl zurück, die größer oder gleich ist zur gegebenen Zahl Ganzzahl. Damit können wir ganzzahlige Zufallszahlen innerhalb eines bestimmten Bereichs generieren. Zum Beispiel:

<code class="javascript">var n = Math.ceil(Math.random() * 10); //生成1至10之间的整数</code>
Nach dem Login kopieren

Der obige Code generiert eine Ganzzahl zwischen 1 und 10 und speichert sie in der Variablen n.

Generieren Sie zufällig Dezimalzahlen innerhalb des angegebenen Bereichs.

Manchmal müssen wir Dezimalzahlen innerhalb des angegebenen Bereichs generieren.

  1. Generieren Sie Dezimalzahlen zwischen 0 und 1

Wie bereits erwähnt, kann die Verwendung von Math.random() schnell 0 bis 1 Dezimalzahlen zwischen 1 generieren:

<code class="javascript">var n = Math.random(); //生成0至1之间的小数</code>
Nach dem Login kopieren
  1. Dezimalzahlen innerhalb des angegebenen Bereichs generieren

Wenn wir Dezimalzahlen innerhalb des angegebenen Bereichs generieren müssen, zum Beispiel – zwischen 1 und 1, Sie können den folgenden Code verwenden:

<code class="javascript">var n = Math.random() * 2 - 1; //生成-1至1之间的小数</code>
Nach dem Login kopieren

Der obige Code generiert eine Dezimalzahl zwischen -1 und 1 und speichert sie in der Variablen n.

  1. Generieren Sie eine Zufallszahl mit einer angegebenen Anzahl von Dezimalstellen.

Wenn wir eine Zufallszahl mit einer angegebenen Anzahl von Dezimalstellen generieren müssen Generieren Sie beispielsweise zwei Dezimalstellen. Für Zufallszahlen können Sie den folgenden Code verwenden:

<code class="javascript">var n = Math.floor(Math.random() * 100) / 100; //生成小数点后两位的随机数</code>
Nach dem Login kopieren

Der obige Code generiert eine Zufallszahl mit zwei Dezimalstellen und speichert sie in der Variablen n.

Bisher haben wir gelernt, wie man Zufallszahlen in JavaScript generiert. Jetzt können wir es üben und die Generierung von Zufallszahlen in den Code implementieren, was dem Programm mehr Möglichkeiten und Spaß bringt.

Das obige ist der detaillierte Inhalt vonSo erscheint eine Zahl in JavaScript zufällig. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage