JavaScript ist eine beliebte Programmiersprache, mit der sich verschiedene Arten von Websites und Anwendungen erstellen lassen. In JavaScript ist eine Primzahl eine positive ganze Zahl, die nur durch 1 und sich selbst teilbar ist. Wenn wir Primzahlen auf einer Webseite anzeigen müssen, müssen wir diese Zahlen aus Gründen der Lesbarkeit und Schönheit manchmal in separaten Zeilen anzeigen. In diesem Artikel erfahren Sie, wie Sie Primzahlen in separaten Zeilen in JavaScript anzeigen.
- Primzahl beurteilen
Um festzustellen, ob eine Zahl in JavaScript eine Primzahl ist, können Sie den folgenden Code verwenden:
function isPrime(num) {
for(let i = 2; i < num; i++) {
if(num % i === 0) {
return false;
}
}
return num !== 1;
}
Nach dem Login kopieren
# 🎜🎜#This Der Code durchläuft alle Zahlen von 2 bis num-1 und prüft, ob sie durch num teilbar sind. Wenn sie teilbar ist, bedeutet dies, dass num keine Primzahl ist und den Wert false zurückgibt. Andernfalls fahren Sie mit der Schleife fort. Wenn num schließlich ungleich 1 ist, bedeutet dies, dass es sich um eine Primzahl handelt und gibt true zurück.
Primzahlen in separaten Zeilen anzeigen
Im Allgemeinen verwenden wir ein Array, um die Primzahlen zu speichern, die wir anzeigen möchten. Dieses Array kann in einer Schleife dynamisch mit Primzahlen ergänzt werden. Als nächstes benötigen wir einen Zähler, der zählt, wie viele Primzahlen in der aktuellen Zeile angezeigt werden. Wenn der Zähler den angegebenen Wert erreicht, müssen wir die Primzahl in einer neuen Zeile anzeigen. Der folgende Code implementiert diese Funktion:
let primes = []; // 存储素数的数组
let rowNum = 10; // 每行显示的素数个数
let count = 0; // 当前行已经显示的素数个数
for(let i = 1; i <= 100; i++) {
if(isPrime(i)) {
primes.push(i); // 将素数添加到数组中
count++; // 计数器加1
if(count === rowNum) { // 如果当前行已经显示了rowNum个素数
document.write("<br>"); // 换行
count = 0; // 计数器清零
}
}
}
document.write(primes.join(", "));
Nach dem Login kopieren
In diesem Beispiel gehen wir davon aus, dass jede Zeile bis zu 10 Primzahlen anzeigt. Wenn in der Schleife die aktuelle Zahl eine Primzahl ist, fügen Sie sie dem Array hinzu und erhöhen Sie den Zähler. Wenn der Zähler gleich 10 ist, bedeutet dies, dass in der aktuellen Zeile 10 Primzahlen angezeigt wurden und in einer neuen Zeile angezeigt werden müssen. Wir verwenden document.write("
"), um die Zeile umzubrechen, den Zähler zu löschen und die Schleife fortzusetzen.
Schließlich zeigen wir alle Primzahlen auf der Webseite an und verwenden die Funktion primes.join(", "), um die Elemente im Array in durch Kommas getrennte Zeichenfolgen umzuwandeln.
Weitere Optimierung-
Der obige Code kann die Funktion der Anzeige von Primzahlen in separaten Zeilen realisieren, aber manchmal müssen wir Primzahlen adaptiv anzeigen entsprechend der Breite des aktuellen Bildschirms. In diesem Fall müssen wir die Anzahl der in jeder Zeile angezeigten Primzahlen dynamisch berechnen. Hier ist ein einfaches Beispiel:
let screenWidth = window.innerWidth; // 获取屏幕宽度
let rowNum = Math.floor(screenWidth / 80); // 根据屏幕宽度计算每行显示的素数个数
let count = 0; // 当前行已经显示的素数个数
Nach dem Login kopieren
In diesem Beispiel gehen wir davon aus, dass jeder Prime auf dem Bildschirm 80 Pixel breit ist. Wir können window.innerWidth verwenden, um die Bildschirmbreite zu ermitteln, und dann basierend auf der Bildschirmbreite die Anzahl der in jeder Zeile angezeigten Primzahlen berechnen. Schließlich verwenden wir die Zählvariable, um die Anzahl der in der aktuellen Zeile angezeigten Primzahlen aufzuzeichnen und die Zeile nach Bedarf umzubrechen.
Zusammenfassung
Die Zeilenanzeige von Primzahlen in JavaScript erfordert die Beurteilung der Primzahlen und die dynamische Berechnung der Anzahl der in jeder Zeile angezeigten Primzahlen. Durch die obige Code-Implementierung können wir ganz einfach Primzahlen auf der Webseite anzeigen und die Anzahl der in jeder Zeile angezeigten Primzahlen nach Bedarf adaptiv anpassen, wodurch die Webseite schöner und leichter lesbar wird.
Das obige ist der detaillierte Inhalt vonSo zeigen Sie Primzahlen in separaten Zeilen in JavaScript an. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!