JS - if 조건문

if문은 조건문 중에서 가장 기본이 되는 제어문입니다.

if 문으로 주어진 값이 참일 때만 특정 코드를 수행하게 할 수 있으며, 필요에 의해 조건식은 여러 개가 될 수 있습니다.

if 문 형식:

 if (expression) { // 조건이 맞으면 실행
    statement
 }

if, else 문 형식:

 if (expression) { // 조건이 맞으면 실행
    statement 1
 } else { // 조건이 맞지 않으면 실행
    statement 2
 }

if, else if ,else 문 형식:

 if (expression) { // 조건이 맞으면 실행, 맞지 않으면 다음 조건문 이행
    statement 1
 } else if (expression) { // 조건이 맞으면 실행
    statement 2
 } else { // 조건이 맞지 않으면 실행
    statement 3
 }

<script>
 var a = 2; 
 var b = 1; 
 if (a > b) { 
    document.write( "a는 b보다 큽니다." ); 
 } 
 // 결과: a는 b보다 큽니다.
 
 if (true) { // true는 1의 값을 가지므로.... 
    document.write ("참입니다."); 
 }
 // 결과: 참입니다.

 if (!false) { 
    document.write( "출력할까요?" ); 
 }
 // 결과: 출력할까요? 
</script>

아래 예시처럼 if 문은 삼항 문법, 괄호 문법, 짧은 문법으로 표현이 가능합니다.

<script>
 // 삼항 문법
 var c = 1; 
 var ints = c ? "참 입니다." : "거짓 입니다."; 
 document.write(ints); 
 // 결과: 참 입니다.

 // 짧은 문법 
 if (true) 
    document.write("참 입니다."); 
 else 
    document,write("거짓 입니다.");
 // 출력: 참 입니다. 

 // 괄호 문법
 var d = null;
 var e = 1;
 if(d) {
  document.write("첫 번째 조건식");
 } else if(e > d){
  document.write("두 번째 조건식");
 }else{
  document.write("세 번째 조건식");
 }
 // 결과: 두 번째 조건식
</script>

다른 언어와 마찬가지로 if 문 안에 중첩 사용이 가능합니다.

<script>
 var a = 2; 
 var b = 1;
 var c = 2;
 if (a > b) { 
   if (true) { 
      b++; 
      b++; 
      if (b > c) { 
         c = null; 
         if (c) { 
           document.write('c값이 존재합니다.'); 
         } else { 
           document.write('c값이 존재하지 않습니다.'); 
         } 
      } else if(true) { 
        document.write('세번째 구문입니다.'); 
      } 
   } 
 } 
// 출력: c값이 존재하지 않습니다.  
</script>

사용자가 숫자를 입력하면 다른 경고창이 뜨는 예제입니다.

<script>
var chat = prompt();

if(parseInt(chat) == 100){
  alert("맞추셨습니다.");
}else if(parseInt(chat) > 100){
  alert("아래 수를 입력하세요.");
}else if(parseInt(chat) < 100){
  alert("큰 수를 입력하세요.");
}
</script>