안녕하세요.
이번에는 JavaScript 연산자에 대하여 알아보겠습니다.
1. 대입 연산자
=
변수에 값을 대입할 때 사용하는 연산자입니다.
ex) let a = 1;
2. 비교 연산자
==, !=,===, !==, >, >=, <, ≤
값을 비교하거나 체크할 때 사용하는 연산자입니다.
== 와 ===은 같은 값을 비교하는 연산자지만, 차이로는 === 는 타입까지 비교를 진행합니다.
! 연산자는 부정 연산자를 의미합니다. ex) a != b ===> a와 b는 같지 않다.
3. 산술 연산자
+, -, *, /
계산할 때 사용하는 연산자입니다.
4. 논리 연산자
!, &&, ||
조건을 여러 개 사용하는 경우에 사용하는 연산자입니다.
&& ⇒ and로 생각하시면 됩니다.
ex) a == 1 && b == 2 =⇒ a가 1이고, b가 2인 경우에 해당
|| ⇒ or로 생각하시면 됩니다.
ex) a == 1 || b == 2 =⇒ a가 1이거나, b가 2인 경우에 ㅎ ㅐ당
5. 증감 연산자 (increment and decrement operator)
++, --
증감 연산자는 피연산자를 1씩 증가 혹은 1씩 감소시킬 때 사용하는 연산자입니다
이 연산자는 피연산자가 단 하나뿐인 단항 연산자입니다.
증감 연산자는 해당 연산자가 피연산자의 어느 쪽에 위치하는가에 따라 연산의 순서 및 결과가 달라집니다.
++x
먼저 피연산자의 값을 1 증가시킨 후에 해당 연산을 진행합니다.
x++
먼저 해당 연산을 수행하고 나서, 피연산자의 값을 1 증가시킵니다.
—x
먼저 피연산자의 값을 1 감소시킨 후에 해당 연산을 진행합니다.
x—
먼저 해당 연산을 수행하고 나서, 피연산자의 값을 1 감소시킵니다.
<!DOCTYPE html>
<html lang="en, ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript 실습</title>
<script>
var x = 1;
var result = 100;
console.log('초기 값 x : ', x , 'result : ', result);
console.log('++x 실행 후 result 값 : ', (result = result + ++x));
console.log('--최종 결과 x : ', x , ' result : ', result);
console.log('++x 이기 때문에 x = x + 1 을 먼저 실행해서 x = 2 가 된 후기 떄문에 result + x = 102 값이 출력이 됩니다.');
console.log('-------------------------');
x = 1;
result = 100;
console.log('초기 값 x : ', x , 'result : ', result);
console.log('x++ 실행 후 result 값 : ', (result = result + x++));
console.log('--최종 결과 x : ', x , ' result : ', result);
console.log('x++ 이기 때문에 result + x 연산을 먼저 실행하기 때문에 101 값이 출력이 됩니다. 그리고 나중에 x = x+1 을 실행하기 때문에 x = 2의 값이 된 것을 볼 수 있습니다.');
console.log('-------------------------');
x = 1;
result = 100;
console.log('초기 값 x : ', x , 'result : ', result);
console.log('--x 실행 후 result 값 : ', (result = result + --x));
console.log('--최종 결과 x : ', x , ' result : ', result);
console.log('--x 이기 때문에 x = x - 1 을 먼저 실행해서 x = 0 가 된 후기 떄문에 result + x = 100 값이 출력이 됩니다.');
console.log('-------------------------');
x = 1;
result = 100;
console.log('초기 값 x : ', x , 'result : ', result);
console.log('x-- 실행 후 result 값 : ', (result = result + x--));
console.log('--최종 결과 x : ', x , ' result : ', result);
console.log('x-- 이기 때문에 result + x 연산을 먼저 실행하기 때문에 99 값이 출력이 됩니다. 그리고 나중에 x = x-1 을 실행하기 때문에 x = 0의 값이 된 것을 볼 수 있습니다.');
console.log('-------------------------');
</script>
</head>
<body>
</body>
</html>
이상으로 연산자에 대하여 알아보았습니다.
감사합니다.
'JavaScript' 카테고리의 다른 글
| [JavaScript] 조건문에 대해서 알아보기 (0) | 2023.01.11 |
|---|---|
| [JavaScript] 함수에 대해서 알아보기 (0) | 2023.01.09 |
| [JavaScript] 형변환에 대해서 알아보기 (0) | 2023.01.06 |
| [JavaScript] 자료형에 대해서 알아보기 (0) | 2023.01.05 |
| [JavaScript] JavaScript에 대해서 알아보기 (0) | 2023.01.04 |