코딩앙마 자바스크립트 기초 강의 9. 스위치

switch 스위치

사실 if else 문을 알고있으면 몰라도 됨

모든 스위치문은 if else 로도 작성할 수 있기 때문

하지만 케이스가 다양할 때 더 간결하게 작성할 수 있기 때문에 사용

 

switch(평가){

    case A :

    // A일때 코드

    case B :

    // B일때 코드

    ...

}

 

위 코드는 아래 코드와 같은 뜻

 

if(평가 == A){

    // A일때 코드

} else if(평가 == B){

    // B일때 코드

}

 

 

 

 

let fruit = prompt('무슨 과일을 사고 싶나요?');

 

switch(fruit){

    case '사과' : 

        console.log('100원 입니다.');

    case '바나나' :

        console.log('200원 입니다.');

    case '수박' :

        console.log('400원 입니다.');

    case '메론' :

        console.log('400원 입니다.');

    case '체리' :

        console.log('500원 입니다.');

}

 

이 코드를 실행시켜서 수박을 입력하면 수박부터의 값들이 다 나온다.

400원 입니다.

400원 입니다.

500원 입니다.

switch는 break를 만나기 전에 이후 모든 코드를 다 실행하기 때문

 

 

그래서 아래와 같이 break를 넣어준다.

let fruit = prompt('무슨 과일을 사고 싶나요?');

 

switch(fruit){

    case '사과' : 

        console.log('100원 입니다.');

         break;

    case '바나나' :

        console.log('200원 입니다.');

         break;

    case '수박' :

        console.log('400원 입니다.');

         break;

    case '메론' :

        console.log('400원 입니다.');

         break;

    case '체리' :

        console.log('500원 입니다.');

         break;

}

그럼 원하는 과일의 값만 나온다.

 

 

정해주지 않은 값을 입력했을 때 아무 일도 일어나지 않기 때문에

실행여부를 알려주기 위해서 메세지 표시 해주기

> switch는 default를 사용 (if문 같은 경우는 else를 사용)

let fruit = prompt('무슨 과일을 사고 싶나요?');

 

switch(fruit){

    case '사과' : 

        console.log('100원 입니다.');

        break;

    case '바나나' :

        console.log('200원 입니다.');

        break;

    case '수박' :

        console.log('400원 입니다.');

        break;

    case '메론' :

        console.log('400원 입니다.');

        break;

    case '체리' :

        console.log('500원 입니다.');

        break;

    default :

        console.log('없는 과일입니다.');

}

 

tip)

let fruit = prompt('무슨 과일을 사고 싶나요?');

 

switch(fruit){

    case '사과' : 

        console.log('100원 입니다.');

        break;

    case '바나나' :

        console.log('200원 입니다.');

        break;

    case '수박' :

    case '메론' :

        console.log('400원 입니다.');

        break;

    case '체리' :

        console.log('500원 입니다.');

        break;

    default :

        console.log('없는 과일입니다.');

}

수박과 메론이 동일한 가격이므로

break를 만나기 전까지 이후 코드를 다 실행하는 성질을 이용해 코드를 줄여줄 수 있다.