Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk memaparkan nombor perdana dalam baris berasingan dalam JavaScript

Bagaimana untuk memaparkan nombor perdana dalam baris berasingan dalam JavaScript

PHPz
PHPzasal
2023-04-24 10:54:02550semak imbas

JavaScript ialah bahasa pengaturcaraan popular yang boleh digunakan untuk mencipta pelbagai jenis tapak web dan aplikasi. Dalam JavaScript, nombor perdana ialah integer positif yang hanya boleh dibahagi dengan 1 dan dirinya sendiri. Apabila kita perlu memaparkan nombor perdana pada halaman web, kadangkala kita perlu memaparkan nombor ini dalam baris berasingan untuk kebolehbacaan dan keindahan. Artikel ini akan memperkenalkan cara memaparkan nombor perdana dalam baris berasingan dalam JavaScript.

  1. Menentukan nombor perdana

Untuk menentukan sama ada nombor adalah perdana dalam JavaScript, anda boleh menggunakan kod berikut:

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

Kod ini akan gelung melalui Untuk sebarang nombor antara 2 dan num-1, semak sama ada ia boleh dibahagi dengan nombor. Jika boleh bahagi, ini bermakna num bukan nombor perdana dan mengembalikan palsu. Jika tidak, teruskan gelung. Akhir sekali, jika nombor tidak sama dengan 1, ia bermakna ia adalah nombor perdana dan mengembalikan benar.

  1. Paparkan nombor perdana dalam baris berasingan

Secara amnya, kami akan menggunakan tatasusunan untuk menyimpan nombor perdana yang ingin kami paparkan. Tatasusunan ini boleh ditambah secara dinamik dengan nombor perdana dalam gelung. Seterusnya, kita memerlukan pembilang untuk mengira bilangan nombor perdana yang dipaparkan dalam baris semasa. Apabila kaunter mencapai nilai yang ditentukan, kita perlu memaparkan nombor perdana pada baris baharu. Kod berikut melaksanakan fungsi ini:

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

Dalam contoh ini, kami mengandaikan bahawa setiap baris memaparkan sehingga 10 nombor perdana. Dalam gelung, jika nombor semasa ialah perdana, tambahkannya pada tatasusunan dan tambahkan pembilang. Jika pembilang sama dengan 10, bermakna 10 nombor perdana telah dipaparkan pada baris semasa dan perlu dipaparkan pada baris baharu. Kami menggunakan document.write("
") untuk membalut garisan, mengosongkan kaunter dan meneruskan gelung.

Akhir sekali, kami memaparkan semua nombor perdana pada halaman web dan menggunakan fungsi primes.join(", ") untuk menukar elemen dalam tatasusunan kepada rentetan yang dipisahkan koma.

  1. Pengoptimuman lanjut

Kod di atas boleh merealisasikan fungsi memaparkan nombor perdana dalam baris yang berasingan, tetapi kadangkala kita perlu menyesuaikan nombor perdana mengikut lebar skrin semasa. Dalam kes ini, kita perlu mengira secara dinamik bilangan nombor perdana yang dipaparkan dalam setiap baris. Berikut ialah contoh mudah:

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

Dalam contoh ini, kami menganggap bahawa setiap perdana pada skrin adalah 80 piksel lebar. Kita boleh menggunakan window.innerWidth untuk mendapatkan lebar skrin, dan kemudian mengira bilangan nombor perdana yang dipaparkan dalam setiap baris berdasarkan lebar skrin. Akhir sekali, kami menggunakan pembolehubah kiraan untuk merekodkan bilangan nombor perdana yang dipaparkan pada baris semasa dan membalut garisan mengikut keperluan.

Ringkasan

Paparan baris nombor perdana dalam JavaScript memerlukan menilai nombor perdana dan mengira secara dinamik bilangan nombor perdana yang dipaparkan dalam setiap baris. Melalui pelaksanaan kod di atas, kami boleh memaparkan nombor perdana pada halaman web dengan mudah dan menyesuaikan bilangan nombor perdana yang dipaparkan dalam setiap baris mengikut keperluan, menjadikan halaman web lebih cantik dan mudah dibaca.

Atas ialah kandungan terperinci Bagaimana untuk memaparkan nombor perdana dalam baris berasingan dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn