👩‍💻 연산자

• 하나 이상의 표현식을 대상
• 산술, 할당, 비교, 논리, 타입, 지수연산 등을 수행해 하나의 값을 만든다.
• 이때, 연산의 대상을 피연산자라고 한다.

1. 산술연산자

• 수학적 계산을 수행. (연산이 불가능한 경우 NaN으로 반환된다.)

1-(1) 이항 산술자

이항 산술 연산자	의미	부수 효과
+	덧셈	X
-	뺄셈	X
*	곱셈	X
/	나눗셈	X
%	나머지	X

↓ 예제

2 + 1  // 3
2 - 1  // 1
2 * 1  // 2
2 / 1  // 2
2 % 1  // 0

1-(2) 단항 산술 연산자

✅ 이항 산술 연산자와 달리 증감/감소(++/--) 연산자는 피연산자의 값을 변경하는 부수 효과가 있다.

단항 산술 연산자	의미	부수 효과
++	증가	O
--	감소	O
+	어떠한 효과도 없으며, 음수를 양수로 반전하지도 않는다.	X
-	양수를 음수로, 음수를 양수로 반전한 값을 반환한다.	X

↓ 예제

let x = 1; // x에 1을 할당

x++; // x = x + 1;
console.log(x); // 2

x--; // x = x - 1;
console.log(x); // 1

1-(3) 문자열 연결 연산자

✅ + 연산자는 피연산자 둥 하나 이상이 문자열인 경우 문자열 연결 연산자로 동작한다.

↓ 예제

"1" + 2; // '12'
1 + "2"; // '12'

---

2. 할당 연산자

• 우항에 있는 피연산자의 평가 결과를 좌항에 있는 변수에 할당한다.

할당 연산자	예	동일표현	부수 효과
=	x = 1	x = 1	O
+=	x += 1	x = x + 1	O
-=	x -= 1	x = x - 1	O
*=	x *= 1	x = x * 1	O
/=	x /= 1	x = x / 1	O
%=	x %= 1	X = x % 1	O

---

3. 비교 연산자

• if문이나 for문과 같은 제어문의 조건식에서 주로 사용된다.

3-(1) 동등/일치 비교 연산자

✅ 동등 비교(==) 연산자는 좌항과 우항의 피연산자를 비교할 때 먼저 암묵적 타입 변환을 통해 타입을 일치시킨 후 같은 값인지 비교한다.
✅ 일치 비교(===) 연산자는 좌항과 우항의 피연산자가 타입도 같고 값도 같은 경우에 한하여 true를 반환한다.

비교 연산자	의미	사례	설명	부수 효과
==	동등비교	x == y	x와 y의 값이 같음	X
===	일치비교	x === y	x와 y의 값과 타입이 같음	X
!=	부동등 비교	x != y	x와 y의 값이 다름	X
!==	불일치 비교	x !== y	x와 y의 값과 타입이 다름	X

↓ 예제

1 == 1 // → true
1 === 1 // → true

1 == '1' // → true
1 === '1' // → false

3-(2) 대소 관계 비교 연산자

✅ 대소 관계 비교 연산자는 피연산자의 크기를 비교하여 불리언 값을 반환한다.

대소 관계 비교 연산자	예제	설명	부수 효과
>	x > y	x가 y보다 크다	X
<	x < y	x가 y보다 작다	X
>=	x >= y	x가 y보다 크거나 작다	X
<=	x <= y	x가 y보다 작거나 같다	X

↓ 예제

1 > 0; // → true
1 < 0; // → false
1 >= 1; // → true
1 <=1; // → true

---

4. 삼항 조건 연산자

• 자바스크립트의 유일한 삼항연산자.

⚡ 조건식 ? 조건식이 true일 때 반환할 값 : 조건식이 false일 때 반환할 값

↓ 예제

let x = 2;

let result = x % 2 ? "홀수" : "짝수"; // 1은 true 값을 갖고, 0은 false 값을 갖음.

console.log(result); // 짝수

---

5. 논리 연산자

• 우항과 좌항의 피연산자를 논리 연산한다.

논리 연산자	의미	부수 효과
ΙΙ	논리합(OR)	X
&&	논리곱(AND)	X
!	부정(NOT)	X

↓ 예제

//논리합(||) 연산자 : 둘 중 하나라도 참이면 참.
true || true; // → true
true || false; // → true
false || true; // → true
false || false; // → false

//논리곱(|&&) 연산자 : 둘 중 모두 참어야 참.
true && true; // → true
true && false; // → false
false && true; // → false
false && false; // → false

//논리 부정(!) 연산자 : 참이면 거짓, 거짓이면 참을 반환.
!true; // → false
!false; // → true