목차
이항 산술 연산자
단항 산술 연산자
문자열 연결 연산자
할당 연산자
동등 일치 비교 연산자
논리 연산자
산술 연산자
산술 연산자는 피연산자를 대상으로 수학적 계산을 수행해 새로운 숫자 값을 만듭니다. 산술 연산자는 피연산자의 개수에 따라 이항 산술 연산자와 단항 산술 연산자로 나눌 수 있습니다.
이항 산술 연산자
| 이항 산술 연산자 | 의미 | 부수 효과 |
|---|---|---|
| + | 덧셈 | X |
| - | 뺄셈 | X |
| * | 곱셈 | X |
| / | 나눗셈 | X |
| % | 나머지 | X |
이항 산술 연산자의 특징은 피연산자에 부수 효과를 주지 않고 언제나 새로운 값을 만듭니다. 여기서 부수 효과란 피연사자의 값이 바뀌는 것을 의미합니다.
// 이항 산술 연산자 예시
5 + 2; // -> 7
5 - 2; // -> 3
5 * 2; // -> 10
5 / 2; // -> 2.5
5 % 2; // -> 1단항 산술 연산자
| 단항 산술 연산자 | 의미 | 부수 효과 |
|---|---|---|
| ++ | 증가 | O |
| -- | 감소 | O |
| + | 어떠한 효과도 없다. 음수를 양수로 반전하지도 않는다. | X |
| - | 양수를 음수로, 음수를 양수로 변환한다. | X |
여기서 눈여겨 볼 점은 증/감 연산자(++, --)는 부수 효과가 있다는 것입니다. 또 위치에 따라 의미하는 바가 다릅니다. 증/감 연산자가 피연산자 앞에 쓰였다면 값을 증/감시킨 후, 다른 연산을 수행합니다. 하지만 뒤에 쓰였다면 먼저 다른 연산을 수행한 후, 피연산자의 값을 증/감시킵니다.
// 증/감 연산자 결과
let num1 = 0;
console.log(++num1); // 1
console.log(num1++); // 1
console.log(num1); // 2
console.log(--num1); // 1
console.log(num1--); // 1
console.log(num1); // 0문자열 연결 연산자
+ 연산자는 피연산자 중 하나 이상이 문자열인 경우 문자열 연결 연산자로 동작합니다. 그 외의 경우는 산술 연산자로 동작합니다.
'1' + 2; // '12'
1 + true; // ->'2'
1 + false; // -> '1'
1 + null; // -> '1'
1 + undefined // -> NaN(Not-a-Number)할당 연산자
할당 연산자는 우항에 있는 피연산자의 평가 결과를 좌항에 있는 변수에 할당합니다. 할당 연산자는 좌항의 변수에 값을 할당하므로 변수 값이 변하는 부수 효과가 있습니다.
| 할당 연산자 | 예 | 동일 표현 | 부수 효과 |
|---|---|---|---|
| = | x = 5 | x = 5 | O |
| += | x += 5 | x = x + 5 | O |
| -= | x -= 5 | x = x - 5 | O |
| *= | x *= 5 | x = x - 5 | O |
| /= | x /= 5 | x = x / 5 | O |
| %= | x %= 5 | x = x % 5 | O |
동등 일치 비교 연산자
비교 연산자는 좌황과 우항의 피연산자를 비교한 다음 그 결과를 불리언 값으로 반환합니다. 비교 연산자는 if문이나 for문과 같은 제어문의 조건식에서 주로 사용합니다.
| 비교 연산자 | 의미 | 사례 | 설명 | 부수 효과 |
|---|---|---|---|---|
| == | 동등 비교 | x == y | x와 y의 값이 같음 | X |
| === | 일치 비교 | x === y | x와 y의 값과 타입이 같음 | X |
| != | 동등 비교 | x != y | x와 y의 값이 다름 | X |
| !== | 동등 비교 | x !== y | x와 y의 값과 타입이 같음 | X |
논리 연산자
논리 연산자는 우항과 좌항의 피연산자를 논리 연산합니다.
| 논리 연산자 | 의미 | 부수 효과 |
|---|---|---|
| || | 논리합(OR) | X |
| && | 논리곱(AND) | X |
| ! | 부정(NOT) | X |
