본문 바로가기
Language/HTML, JavaScript

자바스크립트 switch 범위 사용방법 예제

by wakestand 2020. 2. 17.
반응형

자바스크립트에서 switch를 범위로 사용할 경우에는

switch(조건) 을 true로 설정해 준 뒤에

그 안의 case에서 범위를 걸어주면 된다

 

위 예제에서는 10씩 증가시키면서

10, 20, 30 이하일 때 console.log가 출력되게 했는데

 

실제 출력 시에는 아래와 같다

 

마지막으로 switch case를 범위로 사용 시 예제코드는 아래와 같다

 

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
	for(var i = 1; i<40; i = i + 10) { // 10씩 증가
		console.log("i값 : " + i);
		switch(true) { // 범위 사용 시에는 switch에 true 사용
			case (i < 10): // i 값이 10 이하일 경우
				console.log(i + "는 10 이하!");
				break;
			case (i < 20): // i 값이 20 이하일 경우
				console.log(i + "는 20 이하!");
				break;
			case (i < 30): // i 값이 30 이하일 경우
				console.log(i + "는 30 이하!");
			default: // case 조건과 맞는 것이 없을 경우
				console.log("default!");
				break;
		}
	}
</script>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>

</body>
</html>

 

반응형

댓글