Heim > Web-Frontend > js-Tutorial > Wie erstelle ich mit Hilfe von JavaScript ein Array mit Zufallswerten?

Wie erstelle ich mit Hilfe von JavaScript ein Array mit Zufallswerten?

WBOY
Freigeben: 2023-08-24 22:17:03
nach vorne
1870 Leute haben es durchsucht

如何借助 JavaScript 创建具有随机值的数组?

Wir können die JavaScript-Methode Math.random() verwenden, um Zufallswerte zu generieren. JavaScript stellt uns verschiedene Array-Methoden wie from(), fill() und Push() zur Verfügung, mit denen sich Arrays mit Zufallswerten erstellen lassen.

Arrays in JavaScript sind eine leistungsstarke Funktion, mit der Sie Sammlungen von Werten verschiedener Datentypen speichern können. Sie werden in vielen Anwendungen häufig verwendet, und Arrays mit Zufallswerten können in bestimmten Situationen sehr nützlich sein.

Ein Array von Zufallswerten ist eine Sammlung zufällig generierter Zahlen, die in einem Array gespeichert sind. Die Werte in einem Array von Zufallswerten können mithilfe integrierter Funktionen oder benutzerdefinierter Algorithmen generiert werden. Die Größe und der Wertebereich des Arrays können nach Bedarf angegeben werden.

Verwenden Sie Math.random()

Math.random() ist eine der am häufigsten integrierten JavaScript-Methoden, die eine Zufallszahl zwischen 0 (einschließlich) und 1 (ausschließlich) generiert. Es kann zur Generierung von Zufallszahlen für verschiedene Zwecke verwendet werden, beispielsweise für Simulationen, Spiele und statistische Anwendungen.

Wir verwenden die for-Schleife und die Math.random()-Methode, um ein Array zu erstellen. Siehe die Syntax unten -

Grammatik

Hier ist die Syntax zum Erstellen eines Arrays mit Zufallswerten mithilfe einer Schleife und der Math.random()-Methode.

for (let i = 0; i < 20; i++) {
   randomArr.push(Math.random());
}
Nach dem Login kopieren

Die obige Syntax erstellt ein Array mit 20 Zahlen zwischen 0 und 1.

Um ein Array zufälliger natürlicher Zahlen zu erstellen, können wir die folgende Syntax verwenden -

for (let i = 0; i < 20; i++) {
   randomArr.push(Math.floor(Math.random() * 100) + 1);
}
Nach dem Login kopieren

Beispiel

Im folgenden Beispiel erstellen wir ein Array mit 20 Zufallszahlen zwischen 1 und 100.

<html>
<body>
   <p id="array"></p>
   <script>
      let randomArr = [];
      for (let i = 0; i < 20; i++) {
         randomArr.push(Math.floor(Math.random() * 100) + 1);
      }
      document.getElementById("array").innerHTML = JSON.stringify(randomArr);
   </script>
</body>
</html>
Nach dem Login kopieren

In diesem Beispiel erstellen wir zunächst ein leeres Array mit dem Namen randomArr. Anschließend iterieren wir zehnmal mit einer for-Schleife und generieren in jeder Iteration mithilfe der Funktion Math.random() eine Zufallszahl zwischen 0 und 1. Anschließend multiplizieren wir diese Zahl mit 100 und addieren 1, um eine Zahl zwischen 0 und 1 zu erhalten. 1 und 100. Schließlich verwenden wir die Funktion Math.floor(), um die Zahl auf die nächste ganze Zahl abzurunden. Anschließend fügen wir diese Zufallszahl mithilfe der Methode push() zu randomArr hinzu.

Die Ausgabe ändert sich, da bei jeder Codeausführung Zufallswerte generiert werden.

Verwenden Sie die Array.from()-Methode

Die Array.from()-Methode und die map()-Methode können in JavaScript zusammen verwendet werden, um ein Array mit Werten zu erstellen, die von einer bestimmten Funktion generiert werden. Die Methode Array.from() erstellt ein Array aus einem Array-ähnlichen oder iterierbaren Objekt, während die Methode map() verwendet werden kann, um eine Funktion auf jedes Element im Array anzuwenden.

Beispiel

In diesem Beispiel übergeben wir zwei Parameter an die Methode Array.from(): ein Objekt mit einer Längeneigenschaft von 10 und eine Funktion, die eine Zufallszahl zwischen 1 und 100 zurückgibt. Die Methode Array.from() erstellt ein neues Array mit der angegebenen Länge und füllt es mit dem Ergebnis des Aufrufs der bereitgestellten Funktion.

<html>
<body>
   <p id="array"></p>
   <script>
      const randomArr = Array.from({length: 10}, () => Math.floor(Math.random() * 100) + 1);
      document.getElementById("array").innerHTML = JSON.stringify(randomArr);
   </script>
</body>
</html>
Nach dem Login kopieren

Verwenden Sie die Array.fill()-Methode

Die Methode

Array.fill() ist eine weitere Möglichkeit, ein Array mit Zufallswerten in JavaScript zu erstellen. Es ermöglicht Ihnen, ein Array mit statischen Werten oder von einer Funktion generierten Werten zu füllen. Sehen wir uns an, wie man mit der Methode Array.fill() ein Array mit Zufallswerten erstellt.

<html>
<body>
   <p id="array"></p>
   <script>
      let result = new Array(10)    
      result = result.fill(0).map(() => Math.floor(Math.random() * 100));
      document.getElementById("array").innerHTML = JSON.stringify(result);
   </script>
</body>
</html>
Nach dem Login kopieren

Zusammenfassend lässt sich sagen, dass Arrays aus Zufallswerten ein nützliches Werkzeug für viele Anwendungen in der Programmierung sind, insbesondere in Simulationen, Spielen und Statistiken. JavaScript bietet mehrere Möglichkeiten zum Generieren von Arrays mit Zufallswerten, einschließlich der Verwendung der Math.random()-Methode, einer for-Schleife, der Array.fill()-Methode, der Array.from()-Methode mit map() und des Array-Konstruktors.

Jede Methode bietet eine Möglichkeit, eine Reihe von Zufallswerten zu erstellen. Die Auswahl der besten Methode hängt von den spezifischen Anforderungen Ihres Projekts ab. Die Funktion Math.random() ist eine einfache und unkomplizierte Möglichkeit, Zufallswerte zu generieren, während die for-Schleife mehr Kontrolle über die Wertgenerierung bietet. Mit der Array.fill()-Methode und der Array.from()-Methode mit map() können Sie auf einfache Weise ein Array von Zufallswerten generieren, indem Sie das Array mit Werten füllen, die von einer angegebenen Funktion generiert wurden.

Das obige ist der detaillierte Inhalt vonWie erstelle ich mit Hilfe von JavaScript ein Array mit Zufallswerten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:tutorialspoint.com
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