자바스크립트 조건문 알아보기

1. IF 조건문

 IF 조건문은 일반적으로 많이 쓰입니다. 주어진 조건식을 만족할 경우 IF문을 실행하고 그렇지 않을 경우에는 IF문을 실행하지 않고 건너뛰어 프로그램이 진행됩니다.

 

 IF 조건문 사용 방법은 다음과 같습니다.

 

      IF (조건문) {

                   실행할 내용

      }

 

 주어진 조건문이 참일 경우에만 실행할 내용을 실행하게 되며, 조건문이 거짓일 경우에는 실행할 내용을 실행하지 않고 다음 문장으로 넘어갑니다.

 

 만약 조건문을 만족하지않을때도 실행할 내용을 정의하려고 한다면 else를 IF와 함께 사용합니다. 사용 방법은 다음과 같습니다.

 

      IF (조건문) {

                   실행할 내용 1

      } else {

                   실행할 내용 2

      }

 

 조건문이 참일 경우에는 실행할 내용 1 을 실행하고 거짓일 경우에는 실행할 내용 2 를 실행합니다.

이와같은 조건문을 IF else 조건문이라고 합니다.

 

예제를 통해 확인해 보겠습니다.

 

[그림1] IF 조건문 실행 모습

 [그림1]을 보면 처음에 x값으로 15를 입력하였습니다.

 

다음 IF 조건문을 보시면

     if (x>=10) {
         console.log("x는 10보다 크거나 같습니다.")
     }

조건문 'x>=10'은 x값이 10보다 크거나 같을 경우 참이 되며 화면에 'x는 10보다 크거나 같습니다.'라는 문구를 출력하게되는 명령입니다.

 현재 x값이 15이므로 화면에 문구가 출력된 것을 보실 수 있습니다.

 

다음에 x 값을 5로 변경하였습니다.

그리고 IF 조건문을 실행하였을때 x값이 10보다 작으므로 IF 조건문은 실행하지 않고 다음 명령어인 x=20을 실행하였습니다.

 

다시 x 값을 7로 변경하고 이번에는 IF else 조건문을 작성해 실행해 보았습니다.

     if (x>=10) {
         console.log("x는 10보다 크거나 같습니다.")
     } else {
         console.log("x는 10보다 작습니다.")
     }

x가 10보다 크거나 같은 경우 화면에 'x는 10보다 크거나 같습니다.'라는 문구를 화면에 출력하고 그렇지 않은 경우에는 'x는 10보다 작습니다.'를 화면에 출력하라는 명령입니다.

 

 결과를 확인해 보시면 x값이 7이므로 else문 뒤에 있는 'x는 10보다 작습니다.'가 출력된 모습을 보실 수 있습니다.

 

2. Switch 조건문

 Switch 조건문은 여러 조건들을 지정하여 해당하는 조건에 따라 실행할 내용을 실행하도록 하는 조건문입니다.

 

Switch 조건문 사용 방법은 다음과 같습니다.

 

      switch (조건문) {

         case 조건1:

               실행문1;

         break;

         case 조건2:

               실행문2;

         break;

         default:

               실행문3;

         break;

      }

 

조건문의 결과값에 따라 조건1, 조건2, default중 해당하는 실행문을 실행합니다. default:는 생략할 수 있습니다.

 

예제를 통해 확인해 보겠습니다.

[그림2] Switch 조건문 실행 모습

 [그림2]를 보시면 우선 x에 3을 입력하였습니다.

 

다음 Switch 조건문을 보시면,

     switch (x%2) {
               case 0:
                   console.log("나머지가 0입니다.");
                   break;
               case 1:
                   console.log("나머지가 1입니다.");
                   break;
}

 

 조건문인 'x%2'는 x값을 2로 나눈 나머지 값을 구합니다. 그 결과값이 0일 경우에는 'case 0'의 실행문인 'console.log("나머지가 0입니다.")'를 실행하고 결과값이 1인 경우에는 'case 1'의 실행문인 'console.log("나머지가 1입니다.")'를 실행합니다. 

 

 현재 x값은 3이므로 2로 나누면 나머지는 1이 됩니다. 그래서 화면에는 case 1의 실행문이 실행되어 '나머지가 1입니다.'라는 문구가 화면에 출력되었음을 보실 수 있습니다.