본문 바로가기

Local Oriented/HTML CSS JS

자바스크립트 switch 와 return

익히 알고 있듯이, 아래 형식이 switch 를 사용하는 기본형.

switch(변수){

  case 값1: 실행문1; break;

  case 값2: 실행문2; break;

  case 값3: 실행문3; break;

  ....

  default: 실행문;

}

 

물론, 이미 다들 알고 있듯이.. case 여러개가 동일 실행문을 타는 수도 있어서 아래 케이스 가능.

switch(변수){

  case 값1:

  case 값2: 실행문1; break;

  case 값3: 실행문2; break;

  ....

  default: 실행문;

}

 

그리고, 자바스크립트는 변수에 대한 type 구분이 흐릿(?)해서 값 부분에 true/false, 숫자, 문자, 문자열 등도 가능.

switch(변수){

  case '문자열1': 실행문1; break;

  case '문자열2': 실행문1; break;

  case '문자열3': 실행문2; break;

  ....

  default: 실행문;

}

 

그런데, switch 문을 사용하는 자바스크립트 함수라 리턴을 바로 해 버리는 식이라면 아래 형식으로도 정상 작동.

function funcA(){

  switch(변수){

    case 값1: return 리턴값1;

    case 값2: return 리턴값2;

    case 값3: return 리턴값3;

    ....

    default: return 리턴값;

  }

}