JavaScript 제어문 - if문

제어문

 : 실행문의 순차적인 흐름에 관여하여 원하는 방향의 흐름이 되도록 제어하는 것 

• if
• switch
• while
• do while
• for
• break
• continue

 

if 문

 : 조건식이 'true'가 되었을 때 블록('{ }') 안의 실행문을 처리한 후 if 문 밖으로 빠져나오게 된다. 

if(조건식) {

  실행문;
  
}

 

if ~ else 문

if(조건식) {

  실행문;  // 조건식이 true일 때 실행

} else {

  실행문;  // 조건식이 false일 때 실행 

}

 

 

if ~ else ~ if 문

 : 조건이 여러개 존재 할 경우 사용 

if(조건식1) {

   실행문;   // '조건식1'이 true일 때 실행, false면 아래 '조건식2'로 넘어감

} else if(조건식2) {

   실행문;   // '조건식2'가 true일 때 실행, false면 else로 넘어감 

} else {

   실행문;   // 'else'는 '조건식1', '조건식2'가 모두 false일 때 실행됨

}

 

 

if 문 안의 if 문

 : if 문을 이용하여 조건을 만들다 보면 경우에 따라 if 문 안에 또 다른 if 문들이 들어가야 하는 경우가 발생하는데 그럴 때 사용

var gender = prompt("'여성' 또는 '남성'을 입력하세요!","");
var age = prompt("나이를 입력하세요!","");
var comment = "";

if(gender=="여성") {
   if(age<20) {
      comment="Woman1 제품을 추천합니다.";
   } else if(age>=20) {
      comment="Woman2 제품을 추천합니다.";
   } else {
      comment="나이를 잘못 입력하셨습니다.";
   }
} else if(gender=="남성") {
   if(age<20){
   	  comment="Man1 제품을 추천합니다.";
   } else if(age>=20) {
   	  comment="Man2 제품을 추천합니다.";
   } else {
      comment="나이를 잘못 입력하셨습니다.";
   }
} else {
   comment="성별을 잘못 입력하셨습니다.";
}

 

 

 

1) 과 2)를 비교 ]

 => 1)의 경우 'if~else if문'의 첫번째 조건식이 true이므로 'score1+=90;' 실행하고 if문 빠져나오지만 

 => 2)의 경우 모든 'if'문을 실행

1 ) if ~ else if 문

var subject1="JavaScript";
var subject2="jQuery";
var score1=0;
var score2=0;

if(subject1=="JavaScript") {
    score1+=90;
} else if(subject2=="jQuery") {
    score2+=95;
}

2) 개별적인 if 문

var subject1="JavaScript";
var subject2="jQuery";
var score1=0;
var score2=0;

if(subject1=="JavaScript") {
    score1+=90;
} 

if(subject2=="jQuery") {
    score2+=95;
}