본문 바로가기

Dev/Front-end

[javascript] 스위치 예제

반응형

JavaScript Switch 문입니다.

코드
1
2
3
4
5
6
7
8
9
10
switch(expression) {
  case x:
    // code block
    break;
  case y:
    // code block
    break;
  default:
    // code block
}
cs

 

TIP
  • Switch문은 한번만 실행됩니다.
  • expression의 값이 순차적으로 case의 값과 비교합니다.
  • 값이 일치하는 경우 해당되는 code를 실행합니다.
  • 일치하는 값이 없는 경우 default 코드가 실행됩니다.
  • 각 case의 코드 끝에 break가 입력되어야 해당코드만 실행되고 중지됩니다.

 

예제
  • 요일 구하기 예제를 통해 자세히 알아봅시다.
  • new Date().getDay() 코드는 오늘의 요일을 구하는 함수입니다.
  • (Sunday=0, Monday=1, Tuesday=2 ..)
  • 함수의 리턴되는 숫자를 이용하여 요일명을 구하는 예제입니다.

 

코드
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
switch (new Date().getDay()) {
  case 0:
    day = "Sunday";
    break;
  case 1:
    day = "Monday";
    break;
  case 2:
     day = "Tuesday";
    break;
  case 3:
    day = "Wednesday";
    break;
  case 4:
    day = "Thursday";
    break;
  case 5:
    day = "Friday";
    break;
  case 6:
    day = "Saturday";
}
cs

 

결과

Saturday

 

실습해보기!

반응형

'Dev > Front-end' 카테고리의 다른 글

자바스크립트 배열 n번째 삽입  (0) 2020.05.16
자바스크립트 unshift()  (0) 2020.05.16
자바스크립트 push()  (0) 2020.05.16
자바스크립트에서 js import  (0) 2020.05.16
JavaScript 자료형  (0) 2020.05.16