Javascript - if & switch 조건문

1. if 조건문

• if 조건문이란? Javascript 에서 특정 조건이 만족할때만 해당 코드를 실행시킬수 있도록 작성하는 문법을 의미하며, 조건문은 다음과 같이 if, switch 2가지를 사용한다.
  • 예) if 조건문의 기본 예

    // 1)
    if(20 > 10) {
        console.log("10은 20보다 작습니다."); // O
    }
    
    // 2)
    if(20 < 10) {
        console.log("10은 20보다 작습니다."); // X
    } else if(30 > 20) {
        console.log("30은 20보다 큽니다."); // O
    }
    
    // 3) 
    if(20 < 10) {
        console.log("10은 20보다 작습니다."); // X
    } else if(30 <= 20) {
        console.log("30은 20보다 큽니다."); // X
    } else {
        console.log("모든 if문의 조건이 거짓입니다."); // O
    }
    
    // X : 출력되지 않음(false)
    // O : 출력됨(true)

    • if 조건문은 적혀있는 코드의 조건이 참일때 코드를 실행시키고 만약에 거짓이면 해당 코드를 실행시키지 않는방식으로 구현된다. 특히 이 역할을 수행하는 조건문을 else if문이라고 하며, 만약 else if문의 해당 코드도 거짓일경우 else문의 코드를 실행한다.

2. switch문

• 기본 예)

  // switch 조건문
  switch(key){
      case value1:
          // key가 value1일때 실행하는 코드 
          break
  
      case value2:
          // key가 value2일때 실행하는 코드
          break
  
      case value3:
          // key가 value3일때 실행하는 코드
          break;
  
      default:
      break;
  }

  • 조금 더 코드를 가지고 설명하면, switch문 사용 시 case, break로 해당 조건을 사용해서 해당 key가 value(1,2,3)일때, 해당 코드를 실행하는 방식으로 동작시키는 것이다. 이때 모든 switch문을 종료시키고자 할땐 default문을 사용해서 종료시킨다
    • 추가 예)

      // 강아지와 일치한 소리는?
      let animal = "강아지"
      
      switch(animal){
          case "고양이" :
              console.log("야옹"); // X
          break;
      
          case "강아지":
              console.log("멍멍"); // O
          break;
      
          case "염소":
              console.log("음메"); // X
          break;
      
          default:
              console.log("일치하는 동물과 울음소리가 없습니다"); // X
          break;
      }
      
      // X : 출력되지 않음(false)
      // O : 출력됨(true)

      • 해당 코드는 switch문에 animal 이라는 매개변수안에 “강아지” 라는 문자열이 들어가 있다. 즉, “강아지” 라는 문자열과 일치한 case를 순차적으로 찾아 코드를 실행시키는 것이다. 여기서 2번째 case의 “강아지”와 switch문 매개변수의 “강아지”와 유사하므로 2번째 case 코드를 실행시키게 된다.
        • 참고로 switch문을 종료시키는 default 키워드는 생략할 수 있지만, 만일 animal 변수와 같은 case 코드가 없다면 코드를 실행시키지 않고 종료한다.

Test(간단과제)

• if + switch 조건문

  // if문
  // 1) if,else if, else문을 사용하여 "10보다 30이 큽니다" 라는 문구를 출력하세요
  if(10 > 30){
      console.log("30이 10보다 큽니다.");
  } else if(40 > 50){
      console.log("40이 50보다 큽니다.")
  } else if(35 < 60){
      console.log("35가 60보다 작습니다.");
  } else {
      console.log("모든 if문의 결과 값이 거짓입니다.");
  }
  
  // switch문
  // 2) 자동차 소리를 조건문으로 만들어서 출력하세요
  let car = "트럭"
  switch(car){
      case "Bang!":
          console.log("승용차");
      break;
      case "빵빵":
          console.log("봉고차");
      break;
      case "뿌우":
          console.log("트럭");
      break;
      default:
          console.log("맞는 자동차와 소리가 없습니다");
      break;
  }