-
[javascript] 26. 스위치(switch) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:18
JavaScript Switch Statement
1. The JavaScript Switch Statement
스위치 문은 실행시킬 여러 코드 블럭 중에서 한 개를 고를 때 사용합니다.
문법:
switch(expression) {
case n:
code block
break;
case n:
code block
break;
default:
default code block
}작동 방식:
- 스위치 문의 식이 한 번 계산됩니다.
- 계산된 값은 여러 case 값과 비교됩니다.
- 일치하게 되면, 그에 해당하는 블럭의 코드를 실행합니다.
예제:
1234567891011121314151617181920212223242526272829303132333435363738394041424344<!DOCTYPE html><html><body><p>Click the button to display what day it is today:</p><button onclick="myFunction()">Try it</button><p id="demo"></p><script>function myFunction() {var day;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";break;}document.getElementById("demo").innerHTML = "Today is " + day;}</script></body></html>cs 2. The break Keyword
자바스크립트 코드 해석기(interpreter)는 break 키워드를 만날 시, 스위치 블록의 밖으로 나오게 됩니다.
break는 더 이상의 실행을 막고자 사용합니다.
3. The default Keyword
default 키워드는 어떤 케이스에도 맞지 않는 경우에 실행할 코드를 명시합니다.
12345678910switch (new Date().getDay()) {case 6:text = "Today is Saturday";break;case 0:text = "Today is Sunday";break;default:text = "Looking forward to the Weekend";}cs 결과는 아래와 같습니다.
1Looking forward to the Weekendcs 4. Common Code and Fall-Through
가끔 스위치 블록은 다른 케이스에 같은 코드를 쓰고 싶은 경우가 발생합니다.
아래 예제를 통해 직접 봅시다.
12345678910111213141516171819202122232425262728293031323334<html><body><p>Click the button to display a message based on what day it is:</p><button onclick="myFunction()">Try it</button><p id="demo"></p><script>function myFunction() {var text;switch (new Date().getDay()) {case 1:case 2:case 3:default:text = "Looking forward to the Weekend";break;case 4:case 5:text = "Soon it is Weekend";break;case 0:case 6:text = "It is Weekend";}document.getElementById("demo").innerHTML = text;}</script></body></html>cs 'Web > JavaScript' 카테고리의 다른 글
[javascript] 29. break문 & continue문 - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 28. while 반복문(while loop) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 27. for 반복문(for loop) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 25. 조건문(conditions) - if, else - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 24. 비교(Comparisons) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 23. 논리연산(Booleans) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13
