3. Operator (연산자)

산술 연산자 (Arithmetic Operators)

연산자 (Operator)	설명 (Description)
+	덧셈
-	뺄셈
*	곱셈
/	나눗셈
%	나머지
++	증가
--	감소

연산 대상이 모두 숫자인 경우 연산을 진행, 연산 대상에 문자열이 있을 경우 문자열을 연결.

var x = 3;
var y = 2;

console.log(x + y);  // 5
console.log(x - y);  // 1
console.log(x * y);  // 6
console.log(x / y);  // 1.5
console.log(x % y);  // 1
console.log(x++);    // 3 선대입후증가
console.log(++x);    // 5 선증가후대입
console.log(x--);    // 5 선대입후감소
console.log(--x);    // 3 선감소후대입

var str1 = '5' + 5;
var str2 = 5 + '5';
var str3 = 'Hello' + 234;

console.log(str1);   // '55'
console.log(str2);   // '55'
console.log(str3);   // 'Hello234'

대입 연산자 (Assignment Operators)

연산자 (Operator)	설명 (Description)
=	x = y
+=	x += y  ➡ x = x + y
-=	x -= y  ➡ x = x - y
*=	x *= y  ➡ x = x * y
/=	x /= y  ➡ x = x / y
%=	x %= y  ➡ x = x % y

var x = 3;

console.log(x);     // 5
console.log(x += 5);  // 8
console.log(x -= 5);  // 5
console.log(x *= 5);  // 15
console.log(x /= 5);  // 3
console.log(x %= 5);  // 3

비교 연산자 (Comparison Operators)

연산자 (Operator)	설명 (Description)
==	동등 비교로 형 변환 후, 비교
===	일치 비교로 타입까지 일치하여야 true 반환
!=	부등 비교
!==	불일치 비교
<, >, <=, >=	관계 비교
?	삼항 연산자

var x = 3;

console.log(x == 3);     // true
console.log(x == '3');   // true
console.log(x == 4);     // false

console.log(x === 3);    // true
console.log(x === '3');  // false

console.log(x != 5);     // true
console.log(x != 3);     // false
console.log(x != '3');   // false

console.log(x !== '3');  // true
console.log(x !== 3);    // false
console.log(x !== 4);    // true

console.log(x > 4);      // false
console.log(x < 4);      // true

console.log(x <= 3);     // true
console.log(x >= 5);     // false


var condition = true;
var result = condition ? 'true' : 'false';

console.log(result);     // 'true'

논리 연산자 (Logical Operators)

연산자 (Operator)	설명 (Description)
||	or
&&	and
!	not

console.log(true || true);      // true
console.log(true || false);      // true
console.log(false || false);  // false

console.log(true && true);        // true
console.log(true && false);        // false
console.log(false && false);      // false

console.log(!true);                         // false
console.log(!false);                       // true

참고 : https://poiemaweb.com/