[Javascript] 연산자(Operators) 종류와 사용법 알아보기

Javascript 역시 여러 가지 연산자들이 있습니다. 연산자(Operators)들은 이름 그대로 계산을 돕는 기호들입니다. 연산자들에도 여러 가지 종류가 있습니다.

 

 

이번 포스팅에서는 연산자(Operators)의 종류에 대해서 알아보고 사용 방법까지 알아보겠습니다.

---

연산자(Operators)란 무엇인가

Javascript에서 연산자는 어떠한 계산을 돕는 기호를 의미합니다. 아주 간단하게 덧셈을 하고 싶을 때에는 아래와 같이 사용합니다.

3 + 5; // 8

여기서 더하기(+) 기호를 우리는 연산자라 표현합니다. 이러한 연산자들에는 다양한 종류가 있습니다.

---

연산자(Operators)의 종류

연산자들은 아래와 같이 다양한 종류가 있습니다.

• 대입 연산자 (Assignment Operators)
• 산술 연산자 (Arithmetic Operators)
• 비교 연산자 (Comparison Operators)
• 논리 연산자 (Logical Operators)
• 비트 연산자 (Bitwise Operators)
• 문자열 연산자 (String Operators)

그럼 이러한 연산자들이 어떻게 생겼고 어떻게 사용하는지 하나씩 알아보도록 할게요.

---

대입 연산자 (Assignment Operators)

대입 연산자는 값을 할당하는 연산자입니다. 아래와 같이 사용합니다.

const num = 10;

여기서 = 연산자가 바로 대입 연산자 입니다. 10이라는 값을 num에 할당해줍니다.

---

산술 연산자 (Arithmetic Operators)

산술 연산자는 수식을 계산해 주도록 하는 연산자입니다. 기본적으로 사칙연산과 나머지 연산, 증감 연산이 있습니다. 산술 연산자는 아래와 같이 사용합니다.

const num = 10 * 2; // 20

여기서 * 기호가 산술 연산자 입니다. 산술 연산자는 다음과 같은 종류들이 있습니다.

연산자	이름	사용 방법
+	더하기	num1 + num2
-	빼기	num1 - num2
*	곱하기	num1 * num2
/	나누기	num1 / num2
%	나머지	num1 % num2
++	증가 (1 증가함)	++num1, num1++
--	감소 (1 감소함)	--num1, num1--
**	지수	num1 ** num2

위 산술 연산자는 대입 연산자와 함께 사용할 수 있습니다.

연산자	이름	사용 방법
+=	더하고 할당	num += 10 // num = num + 10
--	빼고 할당	num -= 10 // num = num - 10
*=	곱하고 할당	num *= 10 // num = num * 10
/=	나누고 할당	num /= 10 // num = num / 10
%=	나눈 나머지 할당	num %= 10 // num = num % 2
**=	제곱 할당	num **= 10 // num = num ** 10

---

비교 연산자 (Comparison Operators)

비교 연산자는 두 값을 비교하여 어느 값이 더 큰지 나타내는 연산자입니다. 이 연산자의 결과는 true 또는 false로 반환됩니다. 비교 연산자는 아래와 같이 사용합니다.

const num1 = 10;
const num2 = 5;
console.log(num1 > num2); // true

여기서 > 기호가 비교 연산자 입니다. 비교 연산자는 두 수 사이에 사용해서 결과를 반환합니다. 비교 연산자의 종류는 아래와 같습니다.

연산자	설명	사용 방법
==	두 수가 같은지 확인. 같은 경우 true	num1 == num2
!=	두 수가 다른지 확인. 다른 경우 true	num1 != num2
===	두 수의 타입과 값이 같은지 확인. 같은 경우 true	num1 === num2
!==	두 수의 타입과 갘이 다른지 확인. 다른 경우 true	num1 !== num2
>	두 수중 좌측이 더 크면 true	num1 > num2
>=	두 수중 좌측이 크거나 같으면 true	num1 >= num2
<	두 수중 우측이 더 크면 true	num1 < num2
<=	두 수중 우측이 크거나 같으면 true	num1 <= num2

---

논리 연산자 (Logical Operators)

논리 연산자는 AND, OR, NOT을 확인해서 결과로 true 또는 false를 반환하는 연산자입니다. 논리 연산은 양쪽의 결과를 확인해서 비교하는 연산자입니다. 아래와 같이 사용합니다.

const num1 = 10;
const num2 = 5;
const num3 = 2;

(num1 > num2) && (num2 > num3); // true
(num1 > num2) && (num2 < num3); // false

논리 연산자는 각각의 규칙이 있습니다. 그 규칙은 아래와 같습니다.

연산자	규칙 설명	사용 방법
&& (AND)	true && ture 이면 결과는 true true && false 이면 결과는 false false && false 이면 결과는 false	a && b
|| (OR)	true && true 이면 결과는 true true && false 이면 결과는 true false && false 이면 결과는 false	a || b
! (NOT)	true 이면 결과는 false false 이면 결과는 true	!a

---

비트 연산자 (Bitwise Operators)

비트 연산자는 비트, 즉 바이너리(binary) 표현을 이용하여 수를 연산하는 것입니다. 논리 연산과 동일하게 연상하는 방법이지만 bit를 가지고 연산하며 추가적인 연산자들이 더 있습니다.

연산자	설명	사용 방법
& (AND)	AND 연산으로 모두 true이면 결과는 true	a & b
| (OR)	OR 연산으로 하나라도 true이면 결과는 true	a | b
^ (XOR)	eXclusive-OR 연산으로 두 수가 서로 다르면 결과는 true	a ^ b
~ (NOT)	NOT 연산으로 결과는 반대	~a
<< (Left shift)	Shift 연산으로 n bit 좌측으로 이동	a << 3
>> (Right shift)	Shift 연산으로 n bit 우측으로 이동	a >> 3
>>> (Zero-fill right shift)	Shift 연산이로 n bit 우측으로 이동하면서 빈공간은 0으로 채움	a >>> 3

---

문자열 연산자 (String Operators)

문자열 연산이란 문자열을 하나로 이어주는 것을 말합니다. 즉, 두 문자열 혹은 그 이상의 문자열 여러개를 하나의 문자열로 만들어 줄 때 사용합니다. 사용 방법은 아래와 같습니다.

const name = 'Koonsland';
const title = 'Javascript';

console.log(name + ' ' + title);

연산자는 + 기호 입니다. 여기서 주의할 점은 변수에 담긴 값이 문자가 아닌 숫자일 경우는 산술 연산자인 더하기가 된다는 점입니다. 프로그래밍할 때 주의할 부분입니다.

---

지금까지 자바스크립트(Javascript)에서 사용하는 연산자에 대해서 알아보았습니다. 종류도 많고 다양해서 전부 알아두기 힘들다고 생각할 수 있어요. 하지만 필요에 따라 찾아서 사용하다 보면 자연스럽게 알게 될 것입니다. 도움이 되셨으면 합니다. 이상입니다.