#10 자바스크립트(JavaScript) - 반복문 : while , do - while

안녕하세요 에이블디 입니다!

 

이번 시간에는 지난 시간에 이어서 다른 반복문을 배워보도록 하겠습니다!

 

지난 시간에 배운 for문은 카운터 변수를 기준으로 조건에 따라 반복했던 것 기억나시나요?

이러한 특징 때문에 for문은 횟수가 정해져 있는 반복을 할 때 편리합니다.

 

반면에 특정 조건을 만족하는 동안에만 반복을 하는 반복문이 있는데요, 바로 while문과 do - while문입니다!

 

while문은 소괄호 안의 조건이 만족할 때 중괄호 안의 명령을 반복 실행합니다.

 

예제를 보면서 알아볼까요?

 

지난 시간과 동일하게 1부터 10까지 출력하는 프로그램을 만들어 보도록 하겠습니다!

var number = 1;

while(number <= 10) {
    console.log(number);
    number++;
}

while문으로 작성하게 되면 위와 같은 형태가 나오게 되는데요, 일단 어떻게 동작하는지 살펴보도록 할게요!

 

1. 먼저 조건을 만족하는지 검사합니다.

2. 조건을 만족하면 중괄호 안의 코드를 실행합니다. 저는 1부터 10까지만 출력을 하기 위해 while문이 한번 반복할 때마다 number를 1씩 증가시켜 반복 횟수를 제어했습니다. number를 증가시키지 않았다면 number는 10보다 작거나 같은 조건을 계속 만족하게 되어 계속해서 반복문이  동작(무한반복)하게 됩니다.

 

결과 화면을 보도록 할게요!

 

1부터 10까지 출력이 되는 것을 볼 수 있습니다!

 

다음은 do - while문에 대해 알아볼게요!

while문과 달리 do - while문은 조건이 맨 뒤에 붙습니다.

그래서 do - while문은 일단 do에 있는 코드를 한 번은 실행한 후 조건을 확인합니다.

조건이 충족되지 않더라도 최소한 한 번은 코드가 실행되는 것이지요.

 

코드로 확인해 볼까요?

위에서 짠 코드와 같이 1부터 10까지 출력하는 코드를 do while로 짜 보겠습니다.

var number = 11;

do{
    console.log(number);
    number ++;
}while(number <= 10);

하지만 number를 이번엔 11을 줘서 while의 조건에 충족하지 못하게 세팅해보았는데요, 어떤 값을 출력하는지 확인해 보겠습니다.

 

조건을 충족하지 않았음에도 11을 출력하는 것을 볼 수 있습니다.

위에서 설명한 것과 같이 조건을 충족하지 않아도 일단 코드는 한번 실행된 것을 확인할 수 있네요!

 

이번엔 다시 정상적으로 1부터 10까지 출력하도록 코드를 수정해 보겠습니다.

var number = 1;

do{
    console.log(number);
    number ++;
}while(number <= 10);

코드를 위와 같이 수정하고 실행을 시켜보겠습니다.

 

1부터 10까지 출력하는 것을 볼 수 있습니다!

 

위에서 두 반복문을 각각 실행해 봐서 알듯이 두 반복문의 차이는 while문은 조건부터 확인하고 do - while문은 일단 반복시킬 코드부터 실행한 후 조건을 확인한다는 것입니다.

 

각각의 상황에 맞춰 for문, while문, do - while문을 사용하면 되겠죠?

 

이번 시간에는 while, do - while문에 대해 알아보았습니다!

 

다음 시간에 또 만나요!