[JS] 6-1. 연산자

✅연산자란 ?

Javascript에는 5가지의 연산자가 존재한다. 산술 연산자, 대입 연산자, 증감 연산자, 비교 연산자, 논리 연산자가 해당된다.

 

 

➰산술 연산자

사칙연산을 다루는 연산자이며, 종류는 +, - , *, / , % 가 있다. 이때 / 는 몫을 계산해주는 연산자가 아니고, 소수점 자리까지 나눠주는 연산자이다. % 는 두 수를 나눈 나머지를 결괏값으로 하는 연산자이다.

let n1 = 10;
let n2 = 7;

n1+n2; // 17
n1-n2; // 3
n1*n2; // 70
n1/n2; // 1.4285714285714286
n1%n2; // 3

 

 

➰대입 연산자

변수에 값을 대입할 때 사용하는 연산자이다. 수학에서와 달리 프로그래밍에서 = 는 값을 대입하는 용도를 가진다.

let n;
n = 5;

 

 

대입 연산자를 산술 연산자와 같이 쓸 수도 있다. 아래 코드를 확인하자.

n1 += n2; // n1 = n1+n2
n1 -= n2; // n1 = n1-n2
n1 *= n2; // n1 = n1*n2
n1 /= n2; // n1 = n1/n2
n1 %= n2; // n1 = n1%n2

 

 

➰증감 연산자

변수의 값을 1씩 증가시키거나 감소시킬 때 사용하는 연산자이다. 연산자가 붙은 위치에 따라 연산 결과가 달라진다. 코드 예시는 다음과 같다.

let x = 10;

x++; // 연산을 수행한 뒤, x의 값을 1 증가시킴
x--; // 연산을 수행한 뒤, x의 값을 1 감소시킴

++x; // x의 값을 1 증가시킨 뒤, 연산을 수행함
--x; // x의 값을 1 감소시킨 뒤, 연산을 수행함

위에서 확인한 바와 같이 연산자가 변수 앞에 붙으면 연산을 수행한 후 변수의 값을 바꿔주고 이를 전위 연산자라고 한다. 연산자가 변수 뒤에 붙으면 변수의 값을 바꿔준 후 연산을 수행하며 이를 후위 연산자라고 한다.

 

 

➰비교 연산자

값을 비교해 참이나 거짓을 반환하는 연산자이다. 부등호가 들어간 연산자는 변수들의 크고 작음을 비교하고 ==, !=, ===, !==는 두 변수의 값이 같은지를 확인한다.

let x = 7;
let y = 3;
let str1 = "7";

x == y; // false
x != y; // true
x >= y; // true
x <= y; // false
x == str1; // true
x === str1; // false
x !== str1; // true

==과 ===, !=과 !==은 뭐가 다를까 ? ==은 Javascript 자체적으로 타입을 똑같이 만들고 두 변수의 값만 같으면 true를 반환한다. ===은 두 변수의 값과 타입 모두 같아야 true를 반환한다. !=과 !==의 관계도 이와 같다.

 

 

➰논리 연산자

두 가지 논리식의 참, 거짓을 판단해 반환하는 연산자이며 종류는 &&, ||, ! 가 있다. &&는 두 논리식이 모두 참이어야만 참을 반환, || 는 두 논리식 중에서 하나만 참 이어도 참을 반환, ! 는 논리식이 참이면 거짓을, 거짓이면 참을 반환한다. true는 1, false는 0으로 나타낸다.

<논리 연산자 표>