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이 소수가 아니며 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개의 소수가 표시된다고 가정합니다. 루프에서 현재 숫자가 소수이면 이를 배열에 추가하고 카운터를 증가시킵니다. 카운터가 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!