Comment afficher les nombres premiers dans des lignes séparées en JavaScript

JavaScript est un langage de programmation populaire qui peut être utilisé pour créer différents types de sites Web et d'applications. En JavaScript, un nombre premier est un entier positif qui n'est divisible que par 1 et par lui-même. Lorsque nous devons afficher des nombres premiers sur une page Web, nous devons parfois afficher ces nombres sur des lignes séparées pour plus de lisibilité et de beauté. Cet article explique comment afficher les nombres premiers dans des lignes séparées en JavaScript.

1. Détermination des nombres premiers

Pour déterminer si un nombre est premier en JavaScript, vous pouvez utiliser le code suivant :

function isPrime(num) {
    for(let i = 2; i < num; i++) {
        if(num % i === 0) {
            return false;
        }
    }
    return num !== 1;
}

Ce code parcourra tous les nombres de 2 à num-1 et vérifiera s'il est divisible par num . S'il est divisible, cela signifie que num n'est pas un nombre premier et renvoie faux. Sinon, continuez la boucle. Enfin, si num n’est pas égal à 1, cela signifie que c’est un nombre premier et renvoie vrai.

2. Afficher les nombres premiers sur des lignes séparées

Généralement, nous utiliserons un tableau pour stocker les nombres premiers que nous souhaitons afficher. Ce tableau peut être ajouté dynamiquement avec des nombres premiers dans une boucle. Ensuite, nous avons besoin d’un compteur pour compter le nombre de nombres premiers affichés dans la ligne actuelle. Lorsque le compteur atteint la valeur spécifiée, nous devons afficher le nombre premier sur une nouvelle ligne. Le code ci-dessous implémente cette fonctionnalité :

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(", "));

Dans cet exemple, nous supposons que chaque ligne affiche un maximum de 10 nombres premiers. Dans la boucle, si le nombre actuel est premier, ajoutez-le au tableau et incrémentez le compteur. Si le compteur est égal à 10, cela signifie que 10 nombres premiers ont été affichés sur la ligne en cours et doivent être affichés sur une nouvelle ligne. Nous utilisons document.write("
") pour boucler la ligne, effacer le compteur et continuer la boucle.

Enfin, nous affichons tous les nombres premiers sur la page Web et utilisons la fonction primes.join(", ") pour convertir les éléments du tableau en chaînes séparées par des virgules.

3. Autre optimisation

Le code ci-dessus peut réaliser la fonction d'affichage des nombres premiers sur des lignes séparées, mais parfois nous devons afficher de manière adaptative les nombres premiers en fonction de la largeur de l'écran actuel. Dans ce cas, nous devons calculer dynamiquement le nombre de nombres premiers affichés dans chaque ligne. Voici un exemple simple :

let screenWidth = window.innerWidth; // 获取屏幕宽度
let rowNum = Math.floor(screenWidth / 80); // 根据屏幕宽度计算每行显示的素数个数
let count = 0; // 当前行已经显示的素数个数

Dans cet exemple, nous supposons que chaque prime sur l'écran mesure 80 pixels de large. Nous pouvons utiliser window.innerWidth pour obtenir la largeur de l'écran, puis calculer le nombre de nombres premiers affichés dans chaque ligne en fonction de la largeur de l'écran. Enfin, nous utilisons la variable count pour enregistrer le nombre de nombres premiers affichés sur la ligne actuelle et enrouler la ligne si nécessaire.

Résumé

L'affichage des lignes de nombres premiers en JavaScript nécessite de juger les nombres premiers et de calculer dynamiquement le nombre de nombres premiers affichés dans chaque ligne. Grâce à l'implémentation du code ci-dessus, nous pouvons facilement afficher les nombres premiers sur la page Web et ajuster de manière adaptative le nombre de nombres premiers affichés dans chaque ligne selon les besoins, rendant la page Web plus belle et plus facile à lire.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!