[Javascript] 연산자

연산자

연산자는 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입 연산 등을 수행한다.

산술 연산자

산술 연산자는 수학적 계산을 수행하여 새로운 값을 만든다.

이항 산술 연산자

2개의 피연산자를 대상으로 연산한다.

연산자	의미
+	덧셈
-	뺄셈
*	곱셈
/	나눗셈
%	나머지

5 + 3
5 - 3
5 * 3
5 / 3
5 % 3

단항 산술 연산자

1개의 피연산자를 대상으로 연산한다.

연산자	의미
++	증가
--	감소

피연산자 앞에 위치할 경우 먼저 증가/감소한 후에 수행하며, 뒤에 위치할 경우 연산을 수행한 후에 증가/감소시킨다.

var number = 10;

console.log(number++);   // 10
console.log(++number);   // 12
console.log(number--);   // 12
console.log(--number);   // 10

문자열 연결 연산자

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

'1' + '2'
'1' + 2

할당 연산자

할당 연산자는 오른쪽의 피연산자의 결과를 왼쪽의 변수에 할당한다.

연산자	예	동일 표현
=		a = b
+=	a += b	a = a + b
-=	a -= b	a = a - b
*=	a *= b	a = a * b
/=	a /= b	a = a / b
%=	a %= b	a = a % b

var x;

x = 10;
console.log(x);   // 10

x += 5; 
console.log(x);   // 15  

x -= 3;
console.log(x);   // 12

x *= 2;
console.log(x);   // 24

x /= 2; 
console.log(x);   // 12

x %= 2;
console.log(x);   // 0 

비교 연산자

비교 연산자는 왼쪽과 오른쪽 피연산자를 비교하여 boolean 값을 반환한다.

동등 / 일치 비교 연산자

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

동등 비교(==) 연산자는 왼쪽과 오른쪽의 피연산자를 비교할 때 암묵적 타입 변환을 통해 타입을 일치시킨 후 같은 값을 갖는지 비교한다. 따라서 동등 비교(==) 연산자는 양쪽의 피연산자가 타입은 다르더라도 암묵적 타입 변환 후에 같은 값을 수 있으면 true를 반환한다.

5 == 5   // true
5 == '5'   // true

5 === 5   // true
5 === '5'   // false

1 == "1"   // true
"one" == "one"   // true

'' == false   // true
'' == 0    // true
false == 0   // true
null == undefined   // true

1 === "1"   // false
'' === false   // false
'' === 0   // false
'' === 0   // false
0 === -0   // true
NaN === NaN   // false

대소 관계 비교 연산자

피연산자의 크기를 비교하여 boolean 값을 반환한다.

연산자	예	설명
>	x > y	x가 y보다 크다
<	x > y	x가 y보다 작다
>=	x >= y	x가 y보다 같거나 크다
<=	x <= y	x가 y보다 같거나 작다

6 > 0
6 > 9

6 < 0
6 < 9

6 >= 0
6 >= 6

6 <= 0
6 <= 6

삼항 연산자

삼항 연산자는 조건식의 평가 결과에 따라 반환할 값을 결정한다.

조건식 ? true일 때 : false 일 때

var x = 2;

var result = x % 2 ? '홀수' : '짝수';

console.log(result)   // '짝수'

논리 연산자

연산자	설명
&&	논리곱(and)
!	부정(not)

true || true
true || false
false || true
false || false

true && true
true && false
false && true
false && false

!true
!false