[Javascript] switch문 사용법, if문과 차이점, break, default

switch문은 if문과 마찬가지로 조건에 따라 실행 여부가 정해진다. 이 두 가지 문은 무슨 차이점이 있는지 알아보자. 우선 switch문의 형식은 아래와 같다.

 

switch (조건식) {
  case 비교 조건식:
    실행문;
}

 

 

switch문은 조건식이 비교 조건식과 일치하면 실행된다. 조건식에 변수를 넣었다면, 비교 조건식에는 그 변수와 비교할 값을 넣는다.

 

let color = 'red';
switch (color) {
  case 'red':
    console.log('참입니다.');
}

// 참입니다.

 

 

 

 

if문에서 else if를 사용하여 여러 조건식을 사용하는 것처럼 switch문에서도 비교 조건식을 여러 개를 사용할 수 있다. 비교 조건문이 여러 개일 경우 어떻게 결과가 출력될까? switch문에서는 조건식과 일치하는 비교 조건문이 나오면 그 아래에 있는 case 내 실행문을 모두 실행한다. 따라서 아래의 경우를 보면 yellow까지 출력된다.

 

let color = 'blue';
switch (color) {
  case 'red':
    console.log('red');
  case 'blue':
    console.log('blue');
  case 'yellow':
    console.log('yellow');
}

// blue
// yellow

 

 

만약 일치하는 비교 조건식의 실행문만 실행하고 싶다면, break를 추가하면 된다.

 

let color = 'blue';
switch (color) {
  case 'red':
    console.log('red');
    break;
  case 'blue':
    console.log('blue');
    break;
  case 'yellow':
    console.log('yellow');
    break;
}

// blue

 

 

switch문에는 default라는 예약어가 존재한다. 어떠한 비교 조건식에도 부합하지 않는 경우 default 내에 있는 실행문을 실행한다.

 

let color = 'green';
switch (color) {
  case 'red':
    console.log('red');
    break;
  case 'blue':
    console.log('blue');
    break;
  case 'yellow':
    console.log('yellow');
    break;
  default:
    console.log('없음');
}

// 없음