반복문_for, while, do-while

 

 

1. for문

조건식이 참일 동안 실행문 반복 실행

for (초기식; 조건식; 증감식) {  실행 문장; }
    //초기식에 변수 선언. 관례상 i를 많이 씀.

-초기식 : 변수 선언과 초기화, for문 시작할 때 단한번만 실행

-조건식 : 블록 내 문장을 얼마나 반복할지 결정. 조건식이 참인 동안 반복.

-증감식 : 초기식에서 초기화한 변수의 값을 증가 또는 감소

 

(1) for문 실행 과정

초기식 실행	→ 조건식이 참이면, 실행문 실행	→ 증감식
	→ 조건식이 참이면, 실행문 실행	→ 증감식
	…
	→ 조건식이 거짓이면, 실행하지 않음(빠져나옴)

 

예제)

시작값 1, 끝값 5, 5번 반복하는 실행문 만들기

<script>
         //초기식에서 변수 선언, 초기화 가능
    for (let i=1; i<=5 ; i++) {
        document.write(i + ' : hello <br/>');
    }
</script>

 

짝수 증감식 : 1부터 20까지 숫자 중 짝수만 출력

<script>
    for (let i=2; i<=20; i+=2) {
        document.write('print : ' + i + '<br>');
    }
</script>

조건처럼 다는 건 안 되나봐. i=2n 같은 방식의.

 

역순 출력 : 10에서부터 1까지 출력

<script>
    for (let i=10; i>=1; i--) {
        document.write('print : ' + i + '<br>');
    }
</script>

 

구구단 2단 출력

<script>
    for (let i=1; i<10; i++) {
        document.write('2 * ' + i + '=' + (2*i)+'<br>');
    }
</script>

 

(결과 화면)

 

**for문의 변칙적 사용

for문의 초기식, 조건식, 증감식을 작성하지 않아도 되는 경우 : 

-초기식 생략 : for문 이전에 초기식 선언했으면

-증감식 생략 : for문 블록 내에 증감식 문장을 포함한다면

-모두 생략 : 초기식, 조건식, 증감식을 모두 생략하면 무한 반복.

 

2. while

조건식이 참이면 실행. 참인 동안 반복됨.

while (조건식) { 실행문장; }

for문과 비교하여 파악 : 1부터 10까지의 합 구하기

<script> // for문
    let sum = 0;
    for (let i=1; i<=10; i++) {
        sum += i; // sum = sum + i;와 같은 뜻
        document.write('i 값은 : '+ i );
        document.write(', sum 값은 '+ sum +'<br>');
    }
    document.write('1~100까지 누적합은' + sum + '<br/>');
</script>

<script> // while문
    let sum = 0;
    let x = 1;                // 초기식
    while (x <= 10 ) {        // 조건식
        sum += x;  // 실행문
        x++;                  // 증감식
    }
    document.write('1~100까지 누적합은' + sum + '<br/>');
</script>

 

예제)

while 조건식에 true를 쓰면 무한반복. 근데 내부에 if문을 사용해 탈출 조건을 만듦.

파일 0105_04_while.html 참조할 것.

 

3. do-while

최초의 한번은 조건과 관계없이 실행. ex) 사용자 입력값을 받아 확인할 때? 사용

do {
    실행문장;
}
while(조건식); // while문과의 구별을 위해 세미콜론(;) 입력

 

예제)

<script>
    let y = 1;
    do {
        document.write('x = '+ y + '<br>');
        y++;        // 먼저 실행한 다음
    } while (y<=5); // 조건 고려
</script>

→ 결과

x = 1 x = 2 x = 3 x = 4 x = 5

 

 

※ break ※

반복문(for, while, do-while), 조건문 switch에서 사용

자신을 감싸는 가장 가까운 반복문 코드블럭을 빠져나감.

 

※ continue ※

반복문에서만 사용.

자신을 감싸는 가장 가까운 반복문을 다음 반복으로 건너뜀.

 

예제로 비교)

<script>
    for (let i=1; i <= 10; i++) {
         if(i == 3) {
             break;
         } document.write(i + '<br>');
     } // i가 3이면 탈출. 반복 실행 종료.
     
     document.write('----------<br>'); // 구분선
     
     let x = 0;         // 초기식
     while (x <= 10) {  // 조건식
         x++;           // 증가식
         if (x == 3) {
             continue;
         } document.write(x + '<br>');
     } // i가 3일 때만 건너뛰고 조건이 거짓이 될 때까지 실행.
</script>

 

*보통 while문에서 증가식을 실행문 밑에 썼는데

이 구문에서는 증가식을 위에 쓴 이유가 뭘까?  (설명들으면 추가)

 

 

→ 결과