if문 VS switch문 : 어떤걸 사용해야할까?? 차이점은??

if문, switch문 모두 자바스크립트

조건문

이다.

그럼 어떤 차이점이 있는지 알아보자.

if문

if(조건문){ 
  실행할 코드 
}

✨ 조건문에 연산자를 사용하여 논리적인식 작성 가능 ✨

✔️ 중첩 가능 (다중 fi문)

✔️ 중첩횟수는 상관없으나, 코드의 가독성이 안좋아짐

: 한 번 정도만 중첩하는 것을 추천

let num1 = 10;
if(num1 % 2 === 0){
  console.log("변수 num1에 할당된 숫자는 짝수입니다.");

  if(num1 > 5){
    console.log("num1은 5보다 큽니다.")
  } else if(num1 > 0){
    console.log("num1은 0보다 큽니다.")
  } else {
    console.log("num1은 0보다 작습니다.")
  }
}

switch문

switch(key){
  case value;

    break;

  default;
    break;
}

✨ 조건문에 값을 작성 ✨

✔️ 하나의 case에 하나의 break 사용 (필수 ❌)

✔️ break 키워드 의도적으로 생략하는 경우,

첫번째 case에서 출력(실행)해야하는 코드 = 두번째 case에서 출력(실행)해야하는 코드

let food = "melon";
switch (food) {
  case "melon":
    console.log("fruit");
    break;
  case "apple":
    console.log("fruit");
    break;
  case "banana":
    console.log("fruit");
    break;
  case "carrot":
    console.log("vegetable");
    break;
  default:
    console.log("It's not fruits and vegetables.");
    break;
}

=

let food = "melon";
switch (food) {
  case "melon":
  case "apple":
  case "banana":
    console.log("fruit");
    break;
  case "carrot":
    console.log("vegetable");
    break;
  default:
    console.log("It's not fruits and vegetables.");
    break;
}

if VS switch

두 조건문의 가장 큰 차이점은

조건문의 형태가 다르다

는 것이다.

 

위의 예시코드를 보면 알 수 있듯이

if문은 조건에 식을 사용한다.

조금 더 자유로운 범위 안에서 조건문 작성이 가능하다.

 

switch문은 조건에 값을 사용한다.

어떠한 값이 담겨져 있는 변수 혹은 값을 매개변수로 전달받아서 일치하는 case를 실행한다.

 

그러므로

범위를 이용한 조건을 작성할 때는

if문

이 적합하고,

값이 하나일 때는

switch문

이 더 적합하다.