본문 바로가기

자바스크립트

[자바스크립트] - 선택문 switch문

- 자바스크립트 내에서 문장이 너무 길어서 줄바꿈하고 싶을 때

 var site = prompt(
        "네이버, 다음, 구글, 네이트 중 \
        즐겨 사용하는 포털 사이트는?"
      );

\ 안하면 오류난다.

\ 는 키보드에서 원화표시 누르면 나온다. 

 

- alert(" ") -> 경고창


선택문

선택문인 switch문은 변수에 저장된 값과 switch문에 있는 경우의 값(case)을 검사하여

변수와 경우의 값에서 일치하는 값이 있을 때 그에 해당하는 코드를 실행한다.
if문과 용도는 비슷하지만 if문은 만족하는 데이터가 여러 개일 경우 주로 사용하고, switch문은 여러 경우의 값 중에 일치하는 데이터를 찾아 코드를 실행할 때 주로 사용함. 
        
if문은 true / false를 구분하지만 선택문은 변수의 값과 일치해야한다. 


변수에 저장된 값은 switch문을 만나면 case의 값을 하나씩 검사한다.
일치하는 데이터가 있으면 그에 해당하는 코드를 실행하고 break(강제종료)문을 만나 코드를 종료한다. 
만약 case의 값 중 일치하는 데이터가 없으면 default문을 실행하고 switch을 종료한다.
default 는 case 값이 하나도 일치하지 않았을 때 기본적으로 출력되는 기본값.

 [ 기본형 ]
 var 변수명 = 초기값;

switch(변수명){
   case 값1 : 코드1; 
   break;
   case 값2 : 코드2; 
   break;
   case 값3 : 코드3; 
   break;
  case 값4 : 코드4; 
  break;

  default : 코드5;
 }

 


즐겨 사용하는 포털사이트를 물어보고, 그에 맞는 답변 사이트로 연결해주는 예제

 var site = prompt(
        "네이버, 다음, 구글, 네이트 중 \
        즐겨 사용하는 포털 사이트는?"
      );

      var url;

      switch (site) {
        case "구글":
          url = "www.google.com";
          break;
        case "네이버":
          url = "www.naver.com";
          break;
        case "다음":
          url = "www.daum.net";
          break;
        case "네이트":
          url = "www.nate.net";
          break;

        default:
          alert("보기 중에 없는 사이트입니다"); //경고창
      }

      if (url) location.href = "https://" + url; //if문을 단독으로 하나만 쓸 때는 뒤에 {}를 생략할 수 있다. url이 true면 사이트로 연결해라

 

- if문을 단독으로 하나만 쓸 때는 뒤에 { }을 생략할 수 있다. 

- url에는 " " 안에 사이트 주소 들어가 있으니 문자가 들어가 있는 것 -> true ( 빈 문자를 제외하고는 true로 반환)

case 값이 일치하는 게 없으면 default 값을 실행하고 종료 -> 보기 중에 없는 사이트입니다 라고 경고창 띄우기