본문 바로가기
Frontend/JavaScript

[JavaScript]제어문(Control Statement)

by sukii 2023. 12. 29.
반응형

제어문 : 프로그램의 흐름을 변화 시키기 위해 사용하는 명령
🔘선택문 - if, switch

🔘반복문 - for, while

🔘기타 - break, continue

 

실습예제👩‍💻

자바랑 딱히 다른게 없으나, prompt, isNaN, parseInt(Value) 세가지 키워드 확인해보기!!

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript</title>
</head>
<body>
	<script type="text/javascript">
 	//예제1
	//입력창을 사용하여 숫자값을 입력받아 숫자값에 대한 제곱근을 계산하여 출력	
	// => 사용자 입력값이 숫자값이 아닌 경우 에러 메세지 출력

	//prompt(message[, value]) : 입력창을 제공하여 값을 입력받아 문자값으로 반환하는 함수
	// => 입력값이 없는 경우 [null] 반환
	var num=prompt("숫자값을 입력해 주세요.");

	//isNaN(value) : 매개변수로 전달받은 값을 숫자값으로 형변환 가능하면 [false]를 반환하고
	//숫자값으로 형변환 불가능하면 [true]를 반환하는 함수
	if(isNaN(num)) {
		alert("입력값이 숫자가 아닙니다.");
	} else {
		alert(num*num);//* 연산자에 의해 문자값이 숫자값으로 자동 형변환되어 연산 처리
	}
	
  	//예제2
	//학생 성적에 대한 총점과 평균, 학점을 계산하여 출력
	// => 학점 - 100~90 : A, 89~80 : B, 79~70 : C, 69~60 : D, 59~0 : F 	
	var kor=98, eng=80, mat=91;//학생 성적
	
	var tot=kor+eng+mat;
	var ave=tot/3;
	
	var grade="";
	//parseInt(value) : 매개변수로 전달받은 값을 정수값으로 변환하여 반환하는 함수
	switch(parseInt(ave/10)) {
		case 10:
		case 9: grade="A"; break;
		case 8: grade="B"; break;
		case 7: grade="C"; break;
		case 6: grade="D"; break;
		default: grade="F"; break;
	}
	
	alert("총점 = "+tot+", 평균 = "+ave+", 학점 = "+grade);
	
   	//예제3
	//1~100 범위의 정수값들의 합계를 계산하여 출력
	var tot=0;
	for(i=1;i<=100;i++) {
		tot+=i;
	}
	alert("1~100 범위의 정수들의 합계 = "+tot);
	
   	//예제4
	//A4 용지를 반으로 계속 접어 펼쳤을 경우 사각형 모양이 500개 이상이 되려면 몇 번 접으면
	//되는지 계산하여 출력
	var cnt=0, gae=1;
	while(true) {
		cnt++;
		gae*=2;
		if(gae>=500) break;
	}
	alert(cnt+"번 접으면 "+gae+"개의 사각형 모양이 만들어집니다.");
	
   	//예제5
	//1~10 범위의 정수들 중 홀수만 출력
	var result="";
	for(i=1;i<=10;i++) {
		if(i%2==0) continue;
		result+=i+" ";//변수에 문자값을 추가하여 저장
	}
	alert("1~10 범위의 정수들 중 홀수 = "+result);
	</script>	
</body>
</html>
반응형

'Frontend > JavaScript' 카테고리의 다른 글

[JavaScript]변수의 유효범위(Scope)  (0) 2023.12.29
[JavaScript]함수(Function)  (0) 2023.12.29
[JavaScript]형변환(TypeCast)  (0) 2023.12.29
[JavaScript]연산자(Operator)  (0) 2023.12.29
[JavaScript]변수(Variable) 및 자료형  (1) 2023.12.28