본문 바로가기
Study/JavaScript

[JavaScript] 반복문 (for문)

by YoungD 2024. 1. 22.

1. for문 

어떤 특정한 조건이 거짓으로 판별될 때까지 반복

for([초기문]; [조건문]; [증감문]){
     colsole.log();
}

 

    <script>

        // 100~1까지 출력
 
        for (let i = 100; i >= 0; i--) {
        console.log(i);
}
    </script>

 

 

    <script>
        let evenSum = 0;
        let oddSum = 0;
        let even = '';
        let odd = '';
        for(let i=1;i<=20;i++){
            if(i%2 === 0){
                even += i + ' ';
                evenSum += i;
            }else{
                odd += i + ' ';
                oddSum += i;
            }
        }
        console.log(`${even} 의 합: ${evenSum}`);
        console.log(`${odd} 의 합: ${oddSum}`);
    </script>

 

 

 

 

 

 

 

2. 중첩 for문

반복문 안에 새로운 반복문이 들어가 있는 것

어떤 반복문을 중첩하더라도 상관 없다.(for문 안에 for문이 들어갈 수도 있고 while문이 들어갈 수도 있음)

 

 
    <script>
        // 웹 페이지에 3행 3열을 출력하는 반복문을 구현

        for(let i=1; i<=3; i++){
            for(let j=1; j<=3;j++){
                document.write(`(${i},${j})`);
            }
            document.write('<br>');
        }
    </script>
 

 

출력 결과

 

 

 

 

<구구단 만들기>

 

 
    <script>
        for(let i=2;i<10;i++){
            document.write(`[${i}단]<br>`);
            for(let j=1;j<10;j++){
                document.write(`${i} X ${j} = ${i*j} <br>`)
            }
            document.write('<br>')
        }
    </script>