[Javascript] switch문과 if 문

2021. 4. 16. 10:08프론트엔드/JavaScript

반응형

 

  • 복수의 if 조건문은 switch 문으로 바꿀 수 있다.
switch(x) {
  case 'value1':  // if (x === 'value1')
    ...
    [break]

  case 'value2':  // if (x === 'value2')
    ...
    [break]

  default:
    ...
    [break]
}

 

  • 값과 일치하는 case문이 없으면 default문이 실행된다.
  • break가 없으면 이어지는 case문을 실행한다.

 

let arg = prompt("값을 입력해주세요.");
switch (arg) {
  case '0':
  case '1':
    alert( '0이나 1을 입력하셨습니다.' );
    break;

  case '2':
    alert( '2를 입력하셨습니다.' );
    break;

  case 3:
    alert( '이 코드는 절대 실행되지 않습니다!' );
    break;
  default:
    alert( '알 수 없는 값을 입력하셨습니다.' );
}

 

  • 두 case 문을 묶어 사용할 수 있다.
  • 일치비교(===)로 조건을 확인한다. 즉, 비교하려는 값의 타입이 같아야 한다.
  • prompt 함수는 문자열을 반환하므로 '3' === 3 은 성립하지 않는다.

 

switch 문을 이용하면 if 문보다 더 깔끔하고 기술적인 코드가 된다.

옵션이 많은 경우, switch문을 사용하는 것이 더욱 간편하다.

 

 

 

 

 

ko.javascript.info/switch

 

switch문

 

ko.javascript.info

 

반응형