JavaScript中如何實現素數分行顯示

JavaScript是一種流行的程式語言，它可以用於創建各種類型的網站和應用程式。在JavaScript中，質數是一類只能被1和它本身整除的正整數。當我們需要在網頁上顯示素數時，有時需要將這些數位分行顯示，以便閱讀和美觀。本文將介紹在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。

2. 分行顯示素數

一般情況下，我們會使用一個陣列來儲存我們要顯示的質數。這個數組可以在循環中動態添加素數。接下來，我們需要一個計數器，用來計算在目前行顯示了多少個質數。當計數器達到指定的值時，我們就需要在新行上顯示質數。下面的程式碼實現了這個功能：

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個質數。在循環中，如果當前數字是素數，就將它加到數組中，並讓計數器加1。如果計數器等於10，表示目前行已經顯示了10個質數，就需要顯示在新行上。我們使用document.write("
")來換行，將計數器清零，繼續循環。

最後，我們將所有的質數顯示在網頁上，使用primes.join(", ")函數將陣列中的元素以逗號分隔轉換為字串。

3. 進一步優化

以上程式碼可以實現素數分行顯示的功能，但有些時候我們需要根據目前螢幕的寬度來自適應顯示質數。在這種情況下，我們需要動態計算每行顯示的質數個數。以下是一個簡單的範例：

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

在這個範例中，我們假設螢幕上每個質數的寬度為80像素。我們可以使用window.innerWidth取得螢幕寬度，然後根據螢幕寬度計算每行顯示的質數個數。最後，我們使用count變數來記錄目前行已經顯示的質數個數，並根據需要進行換行。

總結

JavaScript中質數的分行顯示需要判斷質數和動態計算每行顯示的素數個數。透過以上的程式碼實現，我們可以方便地在網頁上顯示素數，並根據需要自適應調整每行顯示的素數個數，使得網頁更加美觀和易於閱讀。

以上是JavaScript中如何實現素數分行顯示的詳細內容。更多資訊請關注PHP中文網其他相關文章！