자바스크립트(Javascript) IF… Else 구분 사용하기

자바스크립트(Javascript) IF… Else 구분 사용하기

 

개발환경 : window 7 64bit, Chrome 30.4

 

프로그램을 작성하다보면 분기를 해야 되는 경우가 많습니다. 조건에 맞으면 이것, 아니면 저것을 표현하기 위해 IF 문을 사용하죠.

 

 

자바스크립트는 다른 조건에 따라 서로 다른 작업을

수행할수 있도록 조건문을 지원합니다. 3가지로 구분

할수 있습니다.

 

•  if 문

•  if … else 문

•  If … else if … 문

 

1. if 문

 

가장 간단한 형태이며 조건식이 참이면 실행되는

형태 입니다. 대부분 조건에 비교연산자를 사용하게

되겠죠. 문법은 다음과 같습니다.

 

if (expression){    조건이 참이면 실행합니다. }

 

샘플은 다음과 같습니다.

나이가 18보다 크면 {} 블록안에 내용이 실행됩니다.

<script type="text/javascript"> <!-- var age = 20; if( age > 18 ){    document.write("<b>Qualifies for driving</b>"); } //--> </script>

 

결과값은 콘솔에 다음과 같이 출력 되겠죠.

Qualifies for driving

 

2. if … else 문

 

모든 조건이라도 실행할수 있는 문법입니다. 조건에서 참이든

거짓이든 하나를 실행 하게 되겠죠. 참으면 IF 아래 문이, 거짓이면

ELSE 안에 있는 문이 실행됩니다.

if (expression){    조건이 참이면 실행 }else{    조건이 거짓이면 실행 }

 

예제는 다음과 같습니다.

<script type="text/javascript"> <!-- var age = 15; if( age > 18 ){    document.write("<b>Qualifies for driving</b>"); }else{    document.write("<b>Does not qualify for driving</b>"); } //--> </script>

 

결과 값은 다음과 같습니다. 거짓이므로 아래 else 블록이 실행되겠죠.

Does not qualify for driving

 

3. if … else if … 문

 

제어문을 한단계 발전시킨 형태로 조건문을 여러 개 중복해서

넣을 수가 있습니다. 경우의 수를 여러 개 만들고 2가지 이상에서

조건에 맞지 않는다면 마지막 else 영역에서 실행이 되는

형태입니다.

if (expression 1){    조건1 이 참일 때 실행 }else if (expression 2){    조건2 가 참일 때 실행 }else if (expression 3){    조건3 이 참일 때 실행 }else{    조건1,2,3 이 참이 아닐 때 실행 }

 

샘플예제는 다음과 같습니다.

book 값이 maths 이므로 2번째가 실행이 되겠죠.

<script type="text/javascript"> <!-- var book = "maths"; if( book == "history" ){    document.write("<b>History Book</b>"); }else if( book == "maths" ){    document.write("<b>Maths Book</b>"); }else if( book == "economics" ){    document.write("<b>Economics Book</b>"); }else{   document.write("<b>Unknown Book</b>"); } //--> </script>

 

결과값은 다음과 같습니다.

Maths Book