[리액트 기초 스터디] JavaScript의 조건문, if와 switch

목차 (OPEN)

• 📑 JavaScript의 조건문, if와 switch
• 🟪 if 조건문
• 🟨 switch 조건문
• 📚 결론

 

 

 

 

📑 JavaScript의 조건문, if와 switch

프로그래밍에서 조건문(Conditional Statement)은 상황에 따라 다른 동작을 실행하도록 만드는 기본 도구이다.

자바스크립트에서도 대표적으로 if문과 switch문을 제공하며,

두 조건문 모두 로직 분기에서 핵심적으로 사용된다.

 

 

---

🟪 if 조건문

if문은 가장 기본적인 조건문으로,

조건식이 참인지, 거짓인지를 판단해서 실행할 코드를 결정한다.

let num = 10;

if (num >= 10) {
  console.log("num은 10 이상입니다.");
} else if (num >= 5) {
  console.log("num은 5 이상입니다.");
} else {
  console.log("조건이 모두 거짓입니다.");
}

 

if문에서는 위의 예시처럼 else if를 통해 여러 개의 분기를 처리할 수도 있다.

 

이러한 if문은 범위 조건(>=, <= 등)이나 논리 연산자(&&, ||)를 활용한 복잡한 조건문에 적합하다.

 

---

🟨 switch 조건문

switch는 특정 변수나 표현식의 값이 여러 경우 중 어떤 것과 일치하는지 검사할 때 사용한다.

조건이 단순히 "값이 무엇인가?"를 확인하는 경우에는 if문 보다 코드가 더 깔끔하고 직관적이다.

let animal = "cat";

switch (animal) {
  case "cat":
    console.log("고양이");
    break;
  case "dog":
    console.log("강아지");
    break;
  case "bear":
    console.log("곰");
    break;
  case "snake":
    console.log("뱀");
    break;
  case "tiger":
    console.log("호랑이");
    break;
  default:
    console.log("아무것도 아님");
}

 

이때 주의할 점이 break를 넣지 않으면 fall-through가 발생해서

아래 case들이 연속적으로 실행되므로 꼭 적절한 위치에 break를 넣어줘야 한다.

 

또한, default는 모든 case에 해당되지 않을 때 실행되는 부분이니 참고하면 된다.

(HTTP 상태 코드에 따른 처리를 할 때 사용하면 좋지 않을까 싶다.)

 

 

---

📚 결론

조건문은 C나 Java를 할 때부터 많이 써왔던 개념이라 익숙하긴 했는데,

이번에 정리하면서 switch문에서 break를 빼먹을 때 발생하는 문제를 fall-through라고 부르는 것을 새로 알게 됐다 ㅋㅋ