Notice
Recent Posts
Recent Comments
Link
«   2024/11   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
Tags more
Archives
Today
Total
관리 메뉴

기초공사 (html,css,javascript)

03_switch문 본문

javascript/js_study

03_switch문

에스프레소라떼 2023. 5. 19. 09:25
switch문

체크해야 할 조건값이 많을 경우에는 여러개의 if..else문을 사용하는것보다 switch문이 더 편리하다.
switch문 안에 있는 case문에서 각 값에 따라실행할 명령을 따로 구분하면 된다.

switch 문에 있는 조건은 case중 하나에만 일치하고, case를 실행한 후에는 완전히 switch문을 빠져나온다.

지정해 놓은 case문에 맞지 않으면 default문에 있는 문장을 실행한다.
(* case문에서 값을 지정할 때 식을 사용할 수 없다는 점 주의!)

 

 

switch (조건) {

case  값: 문장

    break;

case 값:문장

   break;

case 값:문장

  break;

......

default : 문장

}

 

예시

다음은 사용자가 3개의 값중에서 하나를 선택하여 입력한 후 switch문에서 입력한 값을 체크하는 예제


let subject = prompt("신청할 과목을 선택하세요 1-html, 2-css, 3-javascript");

if(subject !== null){
   switch(subject) {
      case "1" : document.write("html을 신청했습니다.")
         break;
      case "2" : document.write("css를 신청했습니다.")
         break;
      case "3" : document.write("javascript를 신청햇습니다.")
         break;
      default : document.write("잘못 입력했습니다. 다시 입력해 주세요")
   }
}
*/

'javascript > js_study' 카테고리의 다른 글

03_마무리문제  (0) 2023.05.19
03_반복문_for / foreach  (0) 2023.05.19
03_연산자.  (0) 2023.05.19
prompt  (0) 2023.05.17
화씨온도를 섭씨온도로 바꿔보기 (문자열을 실수,정수로 변환)  (0) 2023.05.17