ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [javascript] 자바스크립트 조건문
    IT/javascript 2019. 5. 10. 14:12

    프로그래밍 언어에는 특정 조건에 따라 프로그램이 실행될 수 있도록 해주는 조건문이 존재한다.

    자바스크립트에도 조건문이 존재하는데 사용방법은 자바와 유사하다.

    오늘은 자바스크립트 조건문에 대하여 정리를 해볼 것이다.



    1. if 조건문


    자바스크립트에서 가장 일반적인 조건문 if 건문이며 형태는 다음과 같다.


    if ( 조건식 ){

    명령문

    }


    여기서 조건식이 true이면 if문 안의 명령문을 실행하고 false이면 if문 안의 명령문을 무시한다.

    조건이 여러개인 상황이 있을 수 있으므로 그러한 경우에는 else if와 else를 사용하면 된다.


    if( 조건식 ){

    명령문

    }else if( 조건식 ){

    명령문

    }else{

    명령문

    }


    각각 if와 else if의 조건을 따져보고 해당하는 것이 없다면 else에 있는 명령문을 실행하게 된다. else if는 갯수 제한이 없다.


    조건문을 이용해 밑에와 같이 지금이 오전인지 오후인지를 판별할 수 있다.


    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
        <script>
            var date = new Date();
            var hour = date.getHours();
            
            if(hour < 12){
                alert('오전입니다.');
            }else if(hour >= 12){
                alert('오후입니다.');
            }
        </script>
    cs

    지금은 오후 2시. 컴퓨터 시간에 따라 오후가 맞게 출력이 잘된다



    2. switch 조건문


    다음 자바스크립트의 조건문으로는 switch문이다.(닌텐도 스위치 갖고싶다..) 형태는 다음과 같다.


    switch ( 변수 ){

    case 값:

    명령문

    break;

    case 값:

    명령문

    break;

    case 값:

    명령문

    break;

    default:
    명령문
    break;

    }


    변수의 값이 해당 case의 값과 일치하면 그 case의 명령문을 실행한다. 

    만일 변수 값이 case들과 일치하는게 없다면 default의 명령문을 실행한다. 여기서 유의할 점은 각 케이스의 마지막마다 break를 써줘야한다는 점이다. 쓰지 않으면 해당 case문부터 밑에있는 명령문들이 모두 실행되게 된다.


    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
        <script>
            var age = 24;
            
            switch(age){
                case age<10:
                    alert('애기입니다.');
                    break;
                case age<20:
                    alert('청소년입니다.');
                    break;
                default:
                    alert('성인입니다.');
                    break;        
            }
        </script>
    cs


    새박이는 성인




    3.  삼항 연산자


    여기부터는 잘 안쓰이는 조건문인데 일단 정리는 해놓으려고 한다.

    삼항 연산자의 코드를 짧게 쓰기 좋으며 기본적인 형태는 다음과 같다.


    (조건식) ? true명령문 : false명령문;


    조건식을 판별하여 true이면 ? 다음 나오는 true쪽을 실행하고 false이면 false쪽을 실행한다.


    예 ) (number > 0 ) ? alert('양수') : alert('음수);


    이때 number의 값이 0보다 크면  왼쪽의 양수alert가 실행이 되고 0보다 작으면 오른쪽의 음수 alert가 실행되는 것이다.


    4. 짧은 조건문


    짧은 조건문은 논리 연산자가 가지고 있는 특성을 조건문으로 사용한다. 형태는 다음과 같다


    조건문 || 명령문;     ------------->   조건문이 true이면 명령문을 실행하지 않고 조건문이 false일때 실                                                행한다.

    조건문 && 명령문;    ------------->   조건문이 true이면 명령문을 실행한다.  ( false면 실행 x)


    예) number % 2 == 0 || alert('홀수');


    number가 3인 경우 2로 나누어 떨어지지 않기때문에 false이므로 홀수가 출력된다.






    자바스크립트의 조건문은 자바와 너무 많이 닮아서 금방 배울 수 있었다.!! 자신감 up

    다음은 반복문을 정리해볼 생각이다.


    댓글

Designed by Tistory.