티스토리 뷰

Javascript

[Javascript] switch문

switch문

해당 조건에 맞는 값을 case로 구분해서 수행하는 제어문입니다.

switch문

switch (조건을 체크할 변수) {
    csae 값1 :
        //조건을 체크할 변수가 값1을 가지면 실행
    break;
    csae 값2 :
        //조건을 체크할 변수가 값2을 가지면 실행
    break;
    csae 값3 :
        //조건을 체크할 변수가 값3을 가지면 실행
    break;
    default :
        //해당되는 값을 가지고 있지 않을 경우 실행
    break;
}

Sample : switch문
<!DOCTYPE html>
<html lang="ko">
    <head>
    	<meta charset="utf-8">
        <title>자바스크립트(JavaScript)</title>
        <script type="text/javascript">
			var color = prompt("빨강, 파랑, 노랑, 검정, 흰색 중 가장 느낌이 오는 색을 적어주세요^^.", "");	
			switch (color){
				case "빨강" :
					document.write("당신은 빨강처럼 열정적인 사람입니다.");
					break;				
				case "파랑" :
					document.write("당신은 파랑처럼 열정적인 사람입니다.");
					break;					
				case "노랑" :
					document.write("당신은 노랑처럼 열정적인 사람입니다.");
					break;				
				case "검정" :
					document.write("당신은 검정처럼 열정적인 사람입니다.");
					break;
				case "흰색" :
					document.write("당신은 흰색처럼 열정적인 사람입니다.");
					break;
				default :
					document.write("당신은 색을 볼 줄 모르는군요~ 실망입니다.");
					break;
			}
        </script>
    </head>
    
    <body>
	...
    </body>
</html> 
Sample : switch문
<!DOCTYPE html>
<html lang="ko">
    <head>
    	<meta charset="utf-8">
        <title>자바스크립트(JavaScript)</title>
        <script type="text/javascript">
			var site = prompt("네이버, 다음, 구글, 네이트 중 자주가는 사이트는?","");
			var url;
			
			switch(site){
				case "네이버":url="www.naver.com";
				break;
				
				case "다음":url="www.daum.net";
				break;
				
				case "구글":url="www.google.co.kr";
				break;
				
				case "네이트":url="www.nate.com";
				break;
				
				default : document.write("그런 사이트는 없습니다.");
				break;
			}
			if(url) location.href="http://"+url;
        </script>
    </head>
    
    <body>
	...
    </body>
</html>  
댓글
댓글쓰기 폼