JavaScript_기본지식 중 조건판단문 활용에 대한 자세한 설명

프로그램을 작성하다 보면 주어진 두 가지 경로 중 하나를 택해야 하는 상황이 생길 수 있습니다. 따라서 프로그램이 올바른 결정을 내리고 올바른 작업을 수행할 수 있도록 조건문을 사용해야 합니다.

JavaScript는 다양한 조건에 따라 다양한 작업을 실행하는 데 사용되는 조건문을 지원합니다. 여기서는 if..else 문에 대해 설명하겠습니다.

JavaScript는 다음 형식의 if..else 문을 지원합니다.

• if 문
• if...else 문
• if...else if... 문.

if 문:

if 문은 JavaScript가 조건에 따라 결정을 내리고 문을 실행할 수 있도록 하는 기본 제어 문입니다.
문법:

if (expression){
  Statement(s) to be executed if expression is true
}

여기서 JavaScript 표현식이 평가됩니다. 얻은 값이 참이면 주어진 문이 실행됩니다. 표현식이 거짓이면 명령문이 실행되지 않습니다. 대부분의 경우 결정을 내릴 때 비교 연산을 사용하게 됩니다.
예:

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

이렇게 하면 다음과 같은 결과가 나타납니다.

Qualifies for driving

if...else 문:

if...else 문은 JavaScript가 더 제어 가능한 문을 실행할 수 있게 해주는 제어문의 다음 형태입니다.
문법

if (expression){
  Statement(s) to be executed if expression is true
}else{
  Statement(s) to be executed if expression is false
}

이 JavaScript 표현식은 평가됩니다. 결과 값이 true이면 if 블록에 지정된 명령문이 실행됩니다. 표현식이 false이면 지정된 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>

이렇게 하면 다음과 같은 결과가 나타납니다.

Does not qualify for driving

if...else if... 구문:

if...else if... .control 문이 한 수준에서 발전하는 형식으로 JavaScript는 올바른 결정을 내리기 위한 여러 조건을 설정합니다.
문법

if (expression 1){
  Statement(s) to be executed if expression 1 is true
}else if (expression 2){
  Statement(s) to be executed if expression 2 is true
}else if (expression 3){
  Statement(s) to be executed if expression 3 is true
}else{
  Statement(s) to be executed if no expression is true
}

코드에는 특별한 것이 없습니다. 이는 단순히 일련의 if 문으로, 각 if 앞의 문은 else 절의 일부입니다. 조건이 참인 경우 문장이 실행되고, 조건이 아닌 경우에는 else 블록이 실행됩니다.
예:

<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