[JavaScript] 기본 연산자(산술연산자, 증감연산자, 대입연산자, 비교연산자)

1. 산술연산자

연산자	이름	목적	예시	값
+	더하기	두개의 숫자를 더한다	4 + 5	9
-	빼기	왼쪽에 있는 수를 오른쪽 수로 뺀다	21 - 17	4
*	곱하기	두 개의 숫자를 곱한다	2 * 8	16
/	나누기	왼쪽의 숫자를 오른쪽 숫자로 나눠서 '몫'을 구한다	10 / 3	3.333
%	나머지	왼쪽의 숫자를 오른쪽 숫자로 나눠서 '나머지'를 구한다	8 % 3	2
**	지수	왼쪽의 숫자를 오른쪽 숫자만큼 제곱한다	5**2	25

 

 

2. 증감연산자

연산자	이름	목적	예시	값
++	증가 연산자	변수값에 1을 더한다	count++	count + 1
--	증감 연산자	변수값에 1을 뺀다	count--	count - 1

※ 후위 연산자 VS 전위 연산자

	후위 연산자	전위 연산자
설명	연산자가 변수의 뒤에 위치 변수를 먼저 할당한 뒤 연산 수행	연산자가 변수의 앞에 위치 연산을 먼저 수행한 뒤 변수를 할당
그림설명	① y = x ② x + 1	① x + 1 ② y = x
코드	let a = 1; console.log(a++); // output: 1 console.log(a); // output: 2	let a = 1; console.log(++a); // output: 2 console.log(a); // output: 2
예시	count++ count--	++count --count

 

 

3. 대입연산자

연산자	이름	목적	예시	의미
+=	더하기 대입	오른쪽의 값을 왼쪽 변수 값에 더하고 새 변수 값을 반환	x += 7	x = x + 7
-=	빼기 대입	오른쪽의 값을 왼쪽 변수 값에서 빼고 새 변수 값을 반환	x -= 7	x = x - 7
*=	곱하기 대입	오른쪽 값을 왼쪽 변수 값에 곱하고 새 변수 값을 반환	x *= 7	x = x * 7
/=	나누기 대입	오른쪽 값을 왼쪽 변수 값에 나누고 몫을 새 변수 값으로 반환	x /= 7	x = x / 7
%=	나머지 대입	오른쪽 값을 왼쪽 변수 값에 나눈 후 나머지를 새  변수 값으로 반환	x %= 7	x = x % 7

 

 

4. 비교연산자

연산자	이름	목적	예시	값
==	일치 연산자	왼쪽과 오른쪽의 값이 같은지 비교	4 == 4 4 == 5	true false
!=	불일치 연산자	왼쪽과 오른쪽의 값이 다른지 비교	4 != 4 4 != 5	false true
<	~보다 작음	왼쪽 값이 오른쪽 값보다 작은지 비교	4 < 5 5 < 4	true false
>	~보다 큼	왼쪽 값이 오른쪽 값보다 큰지 비교	4 > 5 5 > 4	false true
<=	~보다 작거나 같음	왼쪽 값이 오른쪽 값보다 작거나 같은지 비교	4 <= 4 4 <= 5 5 <= 4	true true false
>=	~보다 크거나 같음	왼쪽 값이 오른쪽 값보다 크거나 같은지 비교	4 >= 4 4 >= 5 5 >= 4	true false true

 

※ ==(Equal Operator) VS ===(Strict Equal Operator)

	==	===
의미	값이 같은지 비교	값과 데이터타입 모두 같은지 비교

let a = 1;
let b = '1';

console.log(a == b);
// output: true

console.log(a === b);
// output: false

null 과 undefined 도 살펴보면 값이 없음을 뜻하는것은 같지만 값의 종류가 다르다. 따라서 다음 예시와 같이 결과가 나온다

console.log(null == undefined);
// output: true

console.log(null === undefined);
// output: false