[JavaScript] 6. 반복문( while/for )

# 제어문  

프로그램의 순차적인 흐름을 제어해야 할 때 사용하는 실행문을 의미합니다. 

 

● 반복문

프로그램 내에서 같은 명령을 일정 횟수만큼 반복하여 수행하도록 제어하는 실행문입니다.

1) while문
2) for문

 

1. while 문 

특정 조건식이 참인 동안 계속해서 주어진 실행문을 반복합니다. 

while(조건식){
        조건식의 결과가 참인 동안 반복될 실행문;
}

 

예시 1)

<script>
        'use strict'
        let i = 1;
        while(i <= 5){
            console.log('안녕하세요. JavaScript!');
            i++;
        }
</script>

 

예시 2)

<script>
        'use strict'
        let i = 1, sum = 0;
        while(i <= 10){
            sum += i;
            /*
                sum = sum + i;

                0 += 1
                1번째 : sum = 0 + 1; -> sum = 1
                2번째 : sum = 1 + 2; -> sum = 3
                3번째 : sum = 3 + 3; -> sum = 6
                ...
                10번째 : sum = 45 + 10; -> sum = 55
            */
            i++;
        }
        console.log(`1부터 10까지의 총합 : ${sum}`);
</script>

 

예시 3)

<script>
        'use strict'
        const dan = Number(prompt('원하는 단을 입력하세요.'));
        console.log(`${dan}단`);

        let i = 1;
        while(i <= 9){
            console.log(`${dan} * ${i} = ${dan * i}`);
            i++;
        }
</script>

 

 

2. do ~ while 문 

while문은 루트에 진입하기 전에 먼저 조건식부터 검사를 합니다. 하지만 do ~ while문은 먼저 루프를 한 번 실행한 후에 조건식을 검사합니다. 

do {
        조건식의 결과가 참인 동안 반복될 실행문;
} while(조건식);

 

예시 )

<script>
        'use strict'
        let i = 1, j = 1;
        while(i > 3){
            console.log(`i : ${i++}`);
        }
        
        do {
            console.log(`j : ${j++}`);
        }while(j > 3);
</script>

 

 

3. for 문 

for문 while문과 달리 자체적으로 초기값, 조건식, 증감식을 모두 포함하고 있는 반복문입니다. while문보다는 간결하게 반복을 표현할 수 있습니다. 

 

for(초기값; 조건식; 증감식){
        조건식의 결과가 참인 동안 반복할 실행문;
}
for(let i=1; i<=10; i++){
        console.log('안녕하세요. JavaScript!');
}

 

vs 

 

let i = 1;
while(i <= 10){
        console.log('안녕하세요. JavaScript!');
        i++;
}

 

예시 1)

<script>
        'use strict'
        for(let i=1; i<=5; i++){
            console.log(`${i}번째 반복`);  // i는 지역 변수로 사용된다
        }
</script>

 

예시 2)

<script>
        'use strict'
        let sum = 0;
        for(let i=1; i<=10; i++){
            sum += i;
        }
        console.log(`1 ~ 10까지의 총합 : ${sum}`);
</script>

 

예시 3)

<script>
        'use strict'
        const dan = Number(prompt('원하는 단을 입력하세요.'));
        console.log(`${dan}단`);
        
        for(let i=1; i<=9; i++){
            console.log(`${dan} * ${i} = ${dan * i}`);
        }
</script>