오늘은 연산자에 대해서 학습합니다.
1) 논리 연산자
논리 연산자는 참인지 거짓인지를 나태내어 줍니다.
종류
AND(&,&&)
OR(|,||)
XOR(^)
AND 연산자는 모든 값이 참 일때 참을 뱉어냅니다.
OR 연산자는 값중에 하나라도 참 일때 참을 뱉어 냅니다.
XOR 연산자는 서로 값이 다를때 참을 뱉고 서로 값이 같다면 거짓을 뱉습니다.
아래의 표를 보면 이해가 쉽습니다.
A가 거짓 B가 거짓 일때 AND연산자는 거짓을 알려주고 OR도 거짓 XOR도 거짓을 알려주는 구나 이렇게 이해 하시면 됩니다.
이유는 둘다 참일때 AND연산자는 참을 알려주고 OR는 하나라도 참이면 참을 알려주고 XOR는 서로 다를때 참을 알려주기 때문입니다.
2) 증감 연산자
증감 연산자의 종류에는 2개가 있습니다.
증가를 나타내는 ++와 감소를 나타내는 --가 있습니다.
서로 각각 1을 증가시키거나 1을 감소 시키는 기능을 하는데요.
a라는 변수가 있다고 할때
앞에 위치하거나 뒤에 위치하거나 할 때의 차이점을 나타냅니다.
예를 들어
++a, a++, --a, a--
위와 같이 사용을 하는데요.
++a 는 먼저 자신을 1증가 시키고 다른 연산을 시작하며
a++ 는 먼저 다른 연산을 한후 자신을 1 증가 시킵니다.
소스를 통하여 비교를 해봅시다.
<html>
<head>
<title></title>
<script>
a = 10;
b = ++a;
document.write(b);
</script>
</head>
<body>
</body>
</html>
결과값은 11
3)관계연산자
관계 연산자는 초등학교시절 배운거라서 쉽습니다. 부등호 아시죠? ^^
관계 연산자의 종류는 다음과 같습니다.
<크다.
<= 크거나 같다.
> 작다
> 작거나 같다
== 같다(===)
!= 같지 않다.(!==)
즉 3<4 라는 식이 있다면 거짓인 false를 출력 하게 됩니다.
그리고 4 < 3 이라는 식이 있다면 참인 true가 출력 됩니다.
같다에는 == 과 === 가 있죠. 서로 같으면 참을 보여줍니다.
같지 않다에는 !=과 !== 가 있죠 서로 같지 않으면 참을 보여줍니다.
== 과 === 의 차이 그리고 != 과 !== 의 차이는 무엇일까요?
== 은 값이 같다면 참이지만 ===은 값과 타입까지 같아야 참입니다.
!= 은 값이 다르면 참이지만 !==은 타입도 다르고 값도 달라야 참입니다.
여러 가지 식을 써서 한번 확인해보죠.
4) 조건 연산자
변수 = 조건?true:false;
변수 = 조건?true:false; 조건이 true면 true를 대입하고 false면 false를 변수에 대입하는데요.
예를 들어,
number = 10>5?"number":"string";
위의 식을 보면 10>5가 크면 number라는 문자열을 number변수에 대입하고 아니라면 string라는 문자열을 대입하라는 것입니다. 10은 5보다 크므로 number이라는 문자열을 number 변수에 대입합니다.
다른 예
number = 10>5?10:5;
위의 식은 10이 5보다 크면 10을 number에 대입 아니면 5를 대입하는 식입니다. 이제 아시겠죠?
위 결과값은 10
'홈페이지제작 > Javascript' 카테고리의 다른 글
| [자바스크립트] else if문 연습 (0) | 2017.09.09 |
|---|---|
| [자바스크립트] if 조건문 활용예문 (0) | 2017.09.09 |
| [자바스크립트]함수선언과 함수호출 (0) | 2017.09.09 |
| JavaScript 변수명 선언 규칙 (0) | 2017.09.08 |
| [자바스크립트] JavaScript 변수에 대한 설명 2 (0) | 2017.09.08 |
itworldkorea
IT korea가 세상(world)을 변화시킨다.