Leeyanggoo
[JS] 자바스크립트 연산자를 알아보자! 본문
각각의 프로그램이 수식을 만들어야 할 때 필요한 것을 '연산자'라고 합니다.
자바스크립트는 산술 연산자, 대입 연산자, 비교 연산자, 논리 연산자 등이 있습니다.
차례대로 알아보겠습니다. :)
산술 연산자
산술 연산자 종류 | 속성 설명 | |
+ | 더하기 연산을 할 때 사용합니다. | |
문자와 문자, 문자와 변수 등을 연결할 때 사용합니다. | ||
- | 빼기 연산을 할 때 사용합니다. | |
* | 곱하기 연산을 할 때 사용합니다. | |
/ | 몫을 구할 때 사용합니다. | |
% | 나머지를 구할 때 사용합니다. | |
증감 연산자 | ++ | 1씩 증가시킬 때 사용합니다. (+와 +의 사이에 공백이 있으면 안 됩니다.) |
-- | 1씩 감소시킬 때 사용합니다. (-와 -의 사이에 공백이 있으면 안 됩니다.) |
더하기(+), 빼기(-), 곱하기(*), 나누기(/)는 일반적인 사칙 연산자이며 사용법 또한 자바스크립트에서도 같습니다.
const x = 5
const y = 3
x + y = 3
x - y = 2
x * y = 15
x / y = 1.66666667
x % y = 2
x++;
console.log(x) = 5 6 7 8 9 ... // 예시입니다.
y--;
console.log(y) = 3 2 1 0 -1 ... // 예시입니다.
이중 '%'는 나눈 뒤의 나머지를 도출한다는 점,
++와 --는 1씩 증가하거나 감소하는 증감 연산자라는 점을 주의하면 되겠습니다.
대입 연산자
대입 연산자 종류 | 속성 설명 |
= | num = 1은 오른쪽 값을 왼쪽 num(변수)에 대입(저장)합니다. |
+= | num += 2는 num = num + 2와 같습니다. |
-= | num -= 2는 num = num - 2와 같습니다. |
*= | num *= 2는 num = num * 2와 같습니다. |
/= | num /= 2는 num = num / 2와 같습니다. |
%= | num %= 2는 num = num%2와 같습니다. |
num = 5
num += 2 //num = num + 2
num -= 2 //num = num - 2
num *= 2 //num = num * 2
num /= 2 //num = num / 2
num %= 2 //num = num % 2 --> 나눈 값이 0이면 그 숫자는 변수로 저장한 값의 배수가 된다.
비교 연산자
비교 연산자 종류 | 속성 설명 |
> | a > b 가 참이면 true, 거짓이면 false가 됩니다. |
< | a < b 가 참이면 true, 거짓이면 false가 됩니다. |
>= | a >= b 가 참이면 true, 거짓이면 false가 됩니다. |
<= | a <= b 가 참이면 true, 거짓이면 false가 됩니다. |
== | a == b, a와 b의 값이 같으면 true, 같지 않으면 false가 됩니다. == 연산자의 경우 데이터 타입은 비교하지 않습니다. 이때 두 피연산자의 타입이 서로 다르면, 비교를 위해 강제로 타입을 같게 변환합니다. ex) 5 == '5'는 true가 나옵니다. |
!= | a != b, a와 b가 같지 않으면 true, 같으면 false가 됩니다. |
=== | a === b, a와 b의 값이 같고 데이터 타입도 같으면 true, 같지 않으면 false가 됩니다. ex) 5 === '5'는 false가 나옵니다. |
!== | a !== b, a와 b가 같지 않거나 데이터 타입이 같지 않으면 true, 같으면 false가 됩니다. |
이상 | num >= 10 // 10 이상 |
초과 | num > 10 // 10 초과 |
이하 | num <= 10 // 10 이하 |
미만 | num < 10 // 10 미만 |
논리 연산자
논리 연산자 종류 | 속성 설명 |
&& (AND 연산자) | a && b, a와 b 모두 true일 때 true가 됩니다. // true && true = true // true && false = false // false && true = false // false && false = false |
|| (OR 연산자) | a || b, a와 b 중 하나만 true면 true가 됩니다. // true || true = true // true || false = true // false || true = true // false || false = false |
! (NOT 연산자) | !a, a가 true면 false, false면 true로 반환합니다. |
x > 20 && x <30; | 20 초과 30 미만 |
x >= 20 && <= 30; | 20 이상 30 이하 |
논리 연산자는 2개 이상의 조건을 확인해야 하는 조건문에서 자주 쓰입니다.