JavaScript

조건문

조건문

  • 조건문은 지정한 조건에 따라 명령문의 실행 여부를 결정합니다.
     
  • 조건문의 기본적인 구문은 다음과 같습니다.
if (조건식)
    실행 문장1;
[else
    실행 문장2;]
  • 조건식은 참 또는 거짓으로 평가되는 표현식입니다.
  • 조건식이 참일 경우 실행 문장1이 실행됩니다.
  • 조건식이 거짓일 경우 실행 문장2가 실행됩니다.
    else 구문은 생략 가능하므로 선택적으로 사용하면 됩니다.

 

<script type="text/javascript">
    var a = 3;

    if (a > 0) {
        document.write("양수");
    } else {
        document.write("음수");
    }
</script>

 

  • 자바스크립트에서는 if 문과 else 문에서 하나의 문장만 실행되는 경우 중괄호 { }를 사용하지 않아도 되지만, 여러 문장을 실행할 경우 반드시 중괄호로 묶어주어야 합니다.

 

 

 

else if 문

  • 조건문에서 조건이 여러 개일 경우 사용합니다.
  • else if 문의 기본적인 구문은 다음과 같습니다.
if (조건1)
    명령문1
else if (조건2)
    명령문2
else if (조건3)
    명령문3
...
else
    명령문N

 

<script type="text/javascript">
    var score = 87;

    if (score >= 90) {
        document.write("A");
    } else if (score >= 80) {
        document.write("B");
    } else if (score >= 70) {
        document.write("C");
    } else if (score >= 60) {
        document.write("D");
    } 
    else {
        document.write("F");
    }
</script>

 

 

 

중첩 if 문

  • 조건문에서 if 문 안에 여러 if 문을 겹쳐 표현하는 방식입니다.
  • 기본 조건문 구문에서 확장되어 사용하며,  기본적인 구문은 다음과 같습니다.
  • 여러 조건문이 겹치기 때문에 반드시 중괄호를 써줍니다.
if (조건1)
    명령문1
    if (조건2)
        명령문2
        if (조건3)
            명령문3
        else
            명령문4
else
    if (조건5)
        명령문5
    else
        if (조건6)
            명령문6
...

 

 

<script type="text/javascript">
    var score = 72;

    if (score >= 90) {
        if (score >= 95) {
            document.write("A+");
        }
        else {
            document.write("A0");
        }
    } 
    else if (score >= 80) {
        if (score >= 85) {
            document.write("B+");
        }
        else {
            document.write("B0");
        }
    } 
    else if (score >= 70) {
        if (score >= 75) {
            document.write("C+");
        }
        else {
            document.write("C0");
        }
    } 
    else if (score >= 60) {
        if (score >= 65) {
            document.write("D+");
        }
        else {
            document.write("D0");
        }
    }
    else {
        document.write("F");
    }        
</script>

 

 

 

switch 문

  • switch 문은 여러 조건을 체크할 경우 사용합니다.
  • 표현식의 값에 대응하는 case 절의 값을 판별하는 경우에 사용합니다.
  • switch 문의 기본적인 구문은 다음과 같습니다.
switch (표현식) {
    case value1:
        표현식이 value1 값과 같으면 실행되는 문장1;
        [break;]
    case value2:
        표현식이 value2 값과 같으면 실행되는 문장2;
        [break;]
    ...
    case valueN:
        표현식이 valueN 값과 같으면 실행되는 문장N;
        [break;]
    [default:
        표현식이 value 값들과 하나도 같지 않으면 실행되는 문장;
        [break;]
    ]
}

 

  • 주의할 점은 case 절에 value 다음에 콜론(:)을 사용하고 중괄호는 사용하지 않습니다.
  • default 절은 case 절의 값들과 일치하지 않을 경우 사용됩니다.
  • break; 구문을 사용해야 case 절 안에 있는 문장이 수행이 수행되고 switch 문을 빠져나옵니다.
    만약 break 구문을 사용하지 않을 경우, case 절 안의 문장을 수행하고 switch 문이 종료되지 않고 계속 실행 됩니다.
  • 표현식에 문자열도 올 수 있습니다.

 

<script type="text/javascript">
        var expr = 'Mangoes';

        switch (expr) {
            case 'Oranges':
                document.write("Oranges" + "<br>");
                break;
            case 'Mangoes':
                document.write("Mangoes" + "<br>");
            case 'Papayas':
                document.write("Papayas" + "<br>");
                break;
            default:
                document.write("일치되는 항목 없음." + "<br>");
        }
    </script>

 

 

 

 

 

댓글

댓글 본문
  1. 김종박
    다시한번 더 상기시켜주셔서 감사합니다
    잘 정리가 되어있네요~^^
버전 관리
KNUT X LIKE LION
현재 버전
선택 버전
graphittie 자세히 보기