티스토리 뷰

Javascript

[Javascript] switch문

switch문

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

switch문

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

Sample1

switch문을 이용한 예제입니다.

html
<!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> 

Sample2

switch문을 이용한 사이트 이동 예제입니다.

html
<!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="https://www.naver.com";
				break;
				
				case "다음":url="https://www.daum.net";
				break;
				
				case "구글":url="https://www.google.com";
				break;
				
				case "네이트":url="https://www.nate.com";
				break;
				
				default : document.write("그런 사이트는 없습니다.");
				break;
			}
			
			location.href=url;
			//if(url) location.href=url
        </script>
    </head>
    
    <body>
	...
    </body>
</html>   

공유하기(Share) 더보기

  • 네이버 블러그 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 트위터 공유하기
  • 트위터 공유하기

공감하기(Like) 더보기

UP NEXT : Ads by Google

질문하기(Questions)
댓글쓰기 폼