본문 바로가기
javaScript/J Query & 스크립트

if문을 switch문으로 사용하기

by mooyou 2019. 2. 26.
728x90
300x250
SMALL

여러개의 다중 조건 처리를 해야 하는 경우 if 문 대신 switch 문을 사용하면 좀 더 깔끔하게 코드를 정리 할 수 있다. 


경품추첨기 만들기 :

번호가 1번이면 스마트폰

번호가 2번이면 자전거

번호가 3번이면 문화상품권

나머지는 꽝!


if(경품번호 ==1){

스마트폰 당첨;

}

else if(경품번호==2){

자전거 당첨;

}

else if(경품번호==3){

문화상품권 당첨;

}

else{

꽝;

}


이 경우를 swich를 사용할 경우


swich를 사용한 경우

switch(경품번호){

case1;

스마트폰 당첨;

break;

case2:

자전거 당첨;

break;

case3;

문화상품권 당첨;

break;

default;

꽝;

}


switch를 사용하면 if를 사용할때보다 훨씬 쉬운(가독성 있는) 코드로 작성할 수 있다.


switch(변수 또는 값){

case 값1;

실행구문1;

break;

case2:

실행구문2;

break;

 ...

default;

모든 조건이 일치하지 않을 때 실행되는 구문;

}


if문을 스위치문으로 변경하기

case 실행구문이 한번 실행되면 break;를 만나기 전까지는 멈추지 않는다.


▶ if와 switch 차이점

if는 제약없이 switch 대신 사용할 수 있다.


▶ if를 switch로 변경할 수 없는 경우

if 구문중 조건식에 >, <, >=, != 와 같이 비교 연산자를 사용한 경우는 switch로 변경할 수 없다.


if 구문 중 조건식이 특정값과 일치하는 ==의 경우만 switch로 변경할 수 있다.




▶switch를 활용한 간단한 계산기 만들기


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
var num1 = window.prompt("첫 번째 숫자 값을 입력 해주세요.");
        var op = window.prompt("사칙연산자 중 하나를 입력해주세요.");
        var num2 = window.prompt("두 번째 숫자 값을 입력 해주세요.");
 
        switch(op) {
            case "+" :
                result = num1 + num2;
                break;
            case "-" :
                result = num1 - num2;
                break;
            case "*" :
                result = num1 * num2;
                break;
            case "/" :
                result = num1 / num2;
                break;
 
            default :
                result = "지원하지 않는 연산자입니다";
        }
 
        alert(num1 + op + num2 + "=" + result);


프론프트로 값을 받아서 변수에 넣는다.

사칙연산 4가지중 어떤게 들어왔는지에따라서

입력받은 값을 계산해서 얼럿 창으로 나타낸다.







728x90
반응형
LIST

댓글