본 수업은 폐지 예정입니다. 자바스크립트 언어 수업과 웹브라우저 자바스크립트로 수업이 리뉴얼 되었기 때문에 이것을 이용해주세요.
비교연산자(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>
