스위치 문(switch statement)은 표현식(expression)의 값을 사례 절(case clause)과 일치시켜(===) 표현식을 평가하고, 해당 사례와 관련된 문(statement)뿐만 아니라 일치하는 사례(case) 뒤에 오는 사례의 문(statements)도 실행한다.

스위치 문은 if, if else로 이어지는 복수의 if 문을 대치할 수 있다. 시각적으로도 어떤 조건/사례들이 있는지 더 잘 보인다. 👀

📝 syntax

switch (expression) {
  case value1:
    //Statements executed when the
    //result of expression matches value1
    [break;]
  case value2:
    //Statements executed when the
    //result of expression matches value2
    [break;]
  ...
  case valueN:
    //Statements executed when the
    //result of expression matches valueN
    [break;]
  [default:
    //Statements executed when none of
    //the values match the value of the expression
    [break;]]
}

📝 용어 설명

expression

표현식(expression)의 값을 사례 절(case clause)과 일치시켜 표현식을 평가한다.

case valueN (Optional)

사례(case)에 지정한 값(valueN)과 표현식(expression)이 일치할 경우, 즉 (expression === valueN)인 경우, case절의 내부 구문이 실행된다.

case의 valueN을 작성할 때는 Data Type에 주의하자!

case절의 내부구문은 break;가 나올때 까지 실행된다. break;를 따로 작성하지 않으면 기준이 충족된 사례가 나와도 끝까지 실행한다. 즉, 기준 충족 여부에 관계없이 뒤에 있는 모든 사례, 스위치 구문의 끝까지 실행되기 때문에 주의하자!

default (Optional)

default 절을 작성해 두면 expression 값과 일치하는 case가 없을 때 default 절이 실행된다.
default 절을 작성하는 위치는 따로 정해져 있지 않다. 제일 첫 부분에 작성해도 되고, case절과 case절 사이에 작성해도 되고, 마지막 부분에 작성해도 된다.

📝 예시

let bts = 7;
switch (bts) {
  case 13:
    console.log("BTS has 13 members.")
    break;
  case 7:
    console.log("BTS has 7 members.")
    break;
  case 5:
    console.log("BTS has 5 members.")
    break;
}

결과
(bts === 7)이기 때문에 콘솔에 "BTS has 7 members."라고 출력된다.

참고: switch - JavaScript | MDN