ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptで素数を別々の行に表示する方法

JavaScriptで素数を別々の行に表示する方法

PHPz
PHPzオリジナル
2023-04-24 10:54:02564ブラウズ

JavaScript は、さまざまな種類の Web サイトやアプリケーションの作成に使用できる人気のプログラミング言語です。 JavaScript では、素数は 1 とそれ自体でのみ割り切れる正の整数です。 Web ページに素数を表示する必要がある場合、読みやすさと美しさのためにこれらの数値を別の行に表示する必要がある場合があります。この記事ではJavaScriptで素数を行ごとに表示する方法を紹介します。

  1. 素数の判定

JavaScript で数値が素数かどうかを判断するには、次のコードを使用できます。

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

このコードはループします。 2 から num-1 までのすべての数値について、num で割り切れるかどうかを確認します。割り切れる場合は、num が素数ではないことを意味し、false を返します。それ以外の場合は、ループを継続します。最後に、num が 1 に等しくない場合は、それが素数であることを意味し、true を返します。

  1. 素数を別々の行に表示する

通常、表示する素数を格納するには配列を使用します。この配列はループ内で素数を動的に追加できます。次に、現在の行に表示されている素数の数をカウントするカウンターが必要です。カウンタが指定された値に達したら、素数を新しい行に表示する必要があります。次のコードはこの関数を実装しています。

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

この例では、各行に最大 10 個の素数が表示されると想定しています。ループ内で、現在の数値が素数の場合、それを配列に追加し、カウンターをインクリメントします。カウンタが 10 に等しい場合は、現在の行に 10 個の素数が表示されており、新しい行に表示する必要があることを意味します。 document.write("
") を使用して行を折り返し、カウンターをクリアし、ループを継続します。

最後に、Web ページ上のすべての素数を表示し、primes.join(", ") 関数を使用して配列内の要素をコンマ区切りの文字列に変換します。

  1. さらなる最適化

上記のコードは素数を行ごとに表示する機能を実現できますが、場合によっては素数を行の幅に応じて適応的に表示する必要があります。現在の画面。この場合、各行に表示される素数の数を動的に計算する必要があります。簡単な例を次に示します。

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

この例では、画面上の各素数の幅が 80 ピクセルであると仮定します。 window.innerWidth を使用して画面の幅を取得し、画面の幅に基づいて各行に表示される素数の数を計算できます。最後に、count 変数を使用して現在の行に表示されている素数の数を記録し、必要に応じて行を折り返します。

概要

JavaScript で素数を行ごとに表示するには、素数を判断し、各行に表示される素数の数を動的に計算する必要があります。上記のコード実装により、Web ページ上に素数を簡単に表示し、必要に応じて各行に表示される素数の数を適応的に調整することができ、Web ページをより美しく、読みやすくすることができます。

以上がJavaScriptで素数を別々の行に表示する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。