JS 자바스크립트 기초 - 10. switch문

 

 

 

 

---

 

 

 

switch문

// switch 문
switch(평가) {
  case A:
    // A일 때 코드
  case B:
    // B일 때 코드
  ...
}

 

 

 

swtich문을 if문으로 바꿔본다면 아래와 같다.

// if 문
if(평가 == A) {
  // A일 때 코드
} else if(평가 == B) {
  // B일 때 코드
}

 

 

 

switch문을 응용해보자면,

사용자로부터 과일 메뉴판을 보여주면서

사고 싶은 과일을 선택하면, 가격을 알려주는 시스템을 간단히

만들고자 한다.

 

 

 

Code

// 사과: 100원
// 바나나: 200원
// 키위: 300원
// 멜론: 500원
// 수박: 500원
// 사고 싶은 과일을 물어보고 가격 알려주기

let fruit = prompt('무슨 과일을 사고 싶나요? (과일 이름만 입력)');

switch(fruit) {
  case '사과':
    console.log('100원 입니다.');
    break;
  case '바나나':
    console.log('200원 입니다.');
    break;
  case '키위':
    console.log('300원 입니다.');
    break;
  case '멜론':
    console.log('500원 입니다.');
    break;
  case '수박':
    console.log('500원 입니다.');
    break;
}

 

 

 

 

case문에 break를 입력하지 않으면,

선택된 조건문부터 그 후의 코드까지 떠버리기 때문에

꼭 break를 넣어주어야 코드가 원하는 값만 출력이 된다.

 

 

 

만약, "키위"를 입력했다면, 아래와 같이 출력된다.

 

result

"300원 입니다."

 

 

 

하지만, 나는 과일 메뉴판에 있는 건 다 싫고

"복숭아"가 먹고 싶을 수도 있지 않나?

그렇기에 예외 처리를 해주어야 한다.

 

 

if문에서는 else문을 쓰면 되고,

switch문에서는 default문을 사용하면 된다.

 

 

아래와 같이 사용한다.

 

 

Code

// 사과: 100원
// 바나나: 200원
// 키위: 300원
// 멜론: 500원
// 수박: 500원
// 사고 싶은 과일을 물어보고 가격 알려주기

let fruit = prompt('무슨 과일을 사고 싶나요? (과일 이름만 입력)');

switch(fruit) {
  case '사과':
    console.log('100원 입니다.');
    break;
  case '바나나':
    console.log('200원 입니다.');
    break;
  case '키위':
    console.log('300원 입니다.');
    break;
  case '멜론':
    console.log('500원 입니다.');
    break;
  case '수박':
    console.log('500원 입니다.');
    break;
  default:
    console.log('그런 과일 없어욧!!');
}

 

 

 

만약, 난 자두가 먹고 싶은댕???

하고서 "자두"를 입력하게 된다면

 

 

result

"그런 과일 없어욧!!"

 

 

위와 같이 뜨게 된다.

" 그런 과일 없어욧!! "

 

 

 

+ 추가로 현재 멜론 가격과 수박 가격이 같은데 굳이

코드 줄 자리 차지만 하고 있는 게 넘 아까우니까

그냥 한 방 쓰면 안되나??

→ ㅇㅇ 가능함!!

 

 

 

Code

// 사과: 100원
// 바나나: 200원
// 키위: 300원
// 멜론: 500원
// 수박: 500원
// 사고 싶은 과일을 물어보고 가격 알려주기

let fruit = prompt('무슨 과일을 사고 싶나요? (과일 이름만 입력)');

switch(fruit) {
  case '사과':
    console.log('100원 입니다.');
    break;
  case '바나나':
    console.log('200원 입니다.');
    break;
  case '키위':
    console.log('300원 입니다.');
    break;
  case '멜론':
  case '수박':
    console.log('500원 입니다.');
    break;
  default:
    console.log('그런 과일 없어욧!!');
}

 

 

 

 

위와 같이 코드를 짜고

입력창에 멜론이나 수박을 입력하게 되면,

출력값은 똑같이

"500원 입니다."라고 출력이 된다.

 

 

 

 

 

 

 

 

정리되어있는 내용은 코딩앙마 자바스크립트기초강좌를 듣고

정리한 내용입니다.