조건문

본 수업은 폐지 예정입니다. 자바스크립트 언어 수업과 웹브라우저 자바스크립트로 수업이 리뉴얼 되었기 때문에 이것을 이용해주세요.

비교연산자(Comparison Operators)

조건문의 핵심
비교의 결과는 true나 false 둘 중의 하나

x = 5 일 때

연산자	설명	예
==	같다	x==8 은 false
===	정확하게 같다 (value and type)	x===5 은 true x==="5" 은 false
!=	다르다	x!=8 은 true
>	크다	x>8 은 false
<	작다	x<8 은 true
>=	크거나 같다	x>=8 은 false
<=	작거나 같다	x<=8 은 true

논리연산자(Logical Operators)

x = 6; y = 3;

연산자	설명	예
&& (AND)	둘다 참이어야 참	(x<10 && y>1) -> true (x<10 && y<1) -> false (x>10 && y<1) -> false
\|\| (OR)	둘중의 하나 이상이 참이면 참	(x == 6 \|\| y == 3) -> true (x == 6 \|\| y == 6) --> true (x == 5 \|\| y ==5) -> false
! (NOT)	부정	(x == y) -> false !(x == y) -> true

조건문은

프로그래밍의 핵심!
프로그램을 지적으로 만들어줌
if, if else, switch 문이 있음
비교연산자를 사용

if문

example1.html - (jsfiddle, github)

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
		<script>
			// 참
			if (1 == 1) {
				alert('참');
			} else {
				alert('거짓');
			}

			// 거짓
			if (1 == 2) {
				alert('참');
			} else {
				alert('거짓');
			}
		</script>
	</head>
	<body></body>
</html>

switch문

example2.html - (jsfiddle, github)

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
		<script>
			var n = 5;
			switch(n) {
				case 1:
					alert('case 1');
					break;
				case 2:
					alert('case 2');
					break;
				case 5:
					alert('case 5');
					break;
				default:
					alert('case default');
			}
		</script>
	</head>
	<body></body>
</html>

example3.html - 조건문의 실제적인 활용 (jsfiddle, github)

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
		<script>
			var id = prompt('아이디를 입력해주세요. (coding)');
			var password = prompt('비밀번호를 입력해주세요. (everybody)');
			
			if(id == 'coding' && password == 'everybody'){
				alert('딩동댕')
			} else {
				alert('다시 해주세요.')
			}
		</script>
	</head>
	<body>
	</body>
</html>