switch ~ case 문

이 조건문은 다중 if ~ else 문을 좀 더 간편하게 하기 위한 명령어로 다중 if ~ else 문과 마찬가지로 조건이 여러개 일 때 유용하게 사용할 수 있습니다.

형식은 다음과 같습니다

switch(수식) {

    case 값1 : 구문-1; break;

    case 값2 : 구문-2; break;

    case 값3 : 구문-3; break;

    :

    :

    default : 구문-n;

}

여기에서 break 는 생략이 가능하며, default 문은 case 값에 해당하지 않을 때 수행할 구문입니다

예문에서는 오늘의 요일값을 구해서 요일에 해당하는 메시지를 출력해 주는 스크립트에 switch case 문을 사용한 것을 보여주고 있습니다

  1. <SCRIPT LANGUAGE="JavaScript">
  2. <!--
  3. today = new Date(); // 오늘의 날짜값을 구해옵니다
  4. weekday = today.getDay(); // 요일값을 구해서 weekday 변수에 담습니다
  5. switch(weekday) {
  6.         case 0 : document.write("오늘은 일요일 입니다<br>좋은 휴일 보내세요"); break;
  7.         case 1 : document.write("오늘은 월요일 입니다<br>월요병 주의보 발령!!"); break;
  8.         case 2 : document.write("오늘은 화요일 입니다"); break;
  9.         case 3 : document.write("오늘은 수요일 입니다"); break;
  10.         case 4 : document.write("오늘은 목요일 입니다"); break;
  11.         case 5 : document.write("오늘은 금요일 입니다<br>내일은 토요일 이군요"); break;
  12.         default : document.write("오늘은 즐거운 토요일 입니다<br>좋은 계획 있으세요?");
  13. }
  14. //-->
  15. </SCRIPT>

위의 예문에서 나온 new Date() 함수는 현재의 날짜값을 구해오는 내장함수입니다. 자세한 것은 뒷부분에서 배워 보기로 하고 오늘은 switch case 문이 어떻게 사용되었나만 살펴보기로 합니다

요일값은 0부터 6까지의 숫자로 반환이 됩니다. 0 이면 일요일, 1 이면 월요일, .... 6이면 토요일이 됩니다.

각각의 숫자에 해당하는 구문을 6번째 줄부터 표시하도록 하였습니다.

마지막 12번 라인에 default 구문을 사용한 것은 case 6 : document.write("오늘은 즐거운 토요일 입니다<br>좋은 계획 있으세요?"); 처럼 사용할 수도 있지만, switch case 문의 설명을 위해서 default를 사용했습니다

자, 이렇게 해서 방문자들에게 요일별로 각각 다른 메시지를 전달하게 되었습니다. document.write() 내의 내용들을 각종 태그들을 사용해서 멋지게 수정 해 보세요. 이미지나 사운드, 플래쉬 등등 원하는대로 보여줄 수 있습니다.