자바스크립트(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 |
'웹 프로그래밍 > 자바스크립트' 카테고리의 다른 글
자바스크립트(Javascript) 에러와 런타임오류 다루기 (0) | 2014.10.19 |
---|---|
자바스크립트(Javascript) Objects 객체의 사용법 (0) | 2014.10.15 |
자바스크립트(Javascript) print 함수를 이용해 웹페이지 인쇄하기 (0) | 2014.10.14 |
자바스크립트(Javascript) 라벨기능을 사용하여 반복문의 흐름 제어하기 (0) | 2014.09.29 |
자바스크립트(javascript) for 반복문 사용법 (0) | 2014.09.20 |
자바스크립트(Javascript) 에디터 박스에 링크된 이미지 URL 정보출력하기 (0) | 2014.08.25 |
자바스크립트(Javascript) 속도관계 변환, 시속, 분속, 초속, 피트, 노트 계산기 (0) | 2014.08.25 |
자바스크립트(Javascript) 입력된 문자열을 암호화 복호화 하기 (1) | 2014.08.24 |