본문 바로가기
# Work/Javascript

자바스크립트 기초2 (조건문 if문,switch문)

by 호정찐 2011. 12. 29.
반응형

## 연산자
Operator Description Example Result
+ 더하기 x=y+2 x=7
- 빼기 x=y-2 x=3
* 곱하기 x=y*2 x=10
/ 나누기 x=y/2 x=2.5
% 나머지 x=y%2 x=1
++ 증가 x=++y x=6
-- 감소 x=--y x=4

<script type="text/javascript">
var x=10;
alert(x+1); // 11

y=20;
alert(++y); //21

y=20;
alert(y++); //20
alert(y); //21
</script>

++가 앞에 있으면 y의 값을 1 더한 값이 리턴되고, 뒤에 있으면 y 값을 리턴한 뒤에 값을 더한다! (음수도 동일)

## 비교연산자
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

## 논리연산자
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문
<script type="text/javascript">
// 참
if(1 == 1){
alert('참');
} else {
alert('거짓');
}
// 거짓
if(1 == 2){
alert('참');
} else {
alert('거짓');
}
</script>
- switch문
<script type="text/javascript">
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>
** if문과 switch문은 서로 조합/중첩하여 풍부하게 표현이 가능하다.
<script type="text/javascript">
var n = 5;
switch(n) {
case 1:
alert('case 1');
if(n==10){
alert('10입니다.');
}else{
alert('10이 아닙니다.');
}
break;
case 2:
alert('case 2');
break;
case 5:
alert('case 5');
break;
default:
alert('case default');
}
</script>


반응형

'# Work > Javascript' 카테고리의 다른 글

자바스크립트 기초-6 이벤트  (0) 2011.12.30
자바스크립트 기초-5 배열  (0) 2011.12.30
자바스크립트 기초4 - 함수  (0) 2011.12.29
자바스크립트 기초3 - 반복문  (0) 2011.12.29
자바스크립트 기초  (0) 2011.12.23