자바스크립트 - 연산자

산술 연산자

• 기본적인 산술 연산자와 기능은 같기때문에 생략.
• 참고: http://tcpschool.com/javascript/js_operator_arithmetic

대입 연산자

• 대입 연산자는 변수에 값을 대입할 때 사용하는 연산자이며, 피연산자들의 결합 방향은 오른쪽에서 왼쪽이다.

연산자	설명
=	값을 대입함.
+=	값을 더한 후, 값을 왼쪽 피연산자에 대입함.
-=	값을 뺀 후, 값을 왼쪽 피연산자에 대입함.
*=	값을 곱한 후, 값을 왼쪽 피연산자에 대입함.
/=	값을 나눈후, 값을 왼쪽 피연산자에 대입함.
%=	값을 나눈후, 나머지값을 왼쪽 피연산자에 대입함.

var number1 = 10;
var number2 = 20;

number2 += number1;

console.log(number2); // 30

var number3 = 10;
var number4 = 2;

number3 /= number4;

console.log(number3); // 5

증감 연산자

• 증감 연산자는 피연산자를 1씩 증가 혹은 감소시킬 때 사용하는 연산자.
• 해당 연산자가 피연산자의 어느 쪽에 위치하는가에 따라 연산의 순서 및 결과가 달라진다.

증감 연산자	설명
++x	먼저 피연산자의 값을 1 증가시킨 후에 해당 연산을 진행
x++	먼저 해당 연산을 수행하고 나서, 피연산자의 값을 1 증가
--x	먼저 피연산자의 값을 1 감소시킨 후에 해당 연산을 진행
x--	먼저 해당 연산을 수행하고 나서, 피연산자의 값을 1 감소

var number = 10;

var result1 = ++number + 10;
console.log(result1); // 21
console.log(number); // 11

number = 10;

var result2 = number++ + 10;
console.log(result2); // 20
console.log(number); // 11

비교 연산자

• 두 변수의 값을 비교하여 불리언(boolean)으로 반환한다.

비교 연산자	설명
==	값이 같으면 참을 반환함.
===	값이 같고, 같은 타입이면 참을 반환함.
!=	값이 같지 않으면 참을 반환함.
!==	값이 같지 않거나, 타입이 다르면 참을 반환함.
>	왼쪽 피연산자의 값이 오른쪽 피연산자의 값보다 크면 참을 반환함.
>=	왼쪽 피연산자의 값이 오른쪽 피연산자의 값보다 크거나 같으면 참을 반환함.
<	왼쪽 피연산자의 값이 오른쪽 피연산자의 값보다 작으면 참을 반환함.
<=	왼쪽 피연산자의 값이 오른쪽 피연산자의 값보다 작거나 같으면 참을 반환함.

비교 방식

• 둘 다 숫자면, 해당 숫자를 서로 비교.
• 둘 다 문자열이면, 문자열의 첫 번째 문자부터 알파벳 순서대로 비교.
• 두 변수가 다른 타입이면 비교를 하지 못하므로 false를 반환.

var number = 31;
var string = '31';

console.log(number == string); // true
console.log(number === string); // false

console.log(10 > 1); // true
console.log(10 < 1); // false

console.log(10 >= 10); // true
console.log(10 <= 10); // true

논리 연산자

• 논리 연산자는 주어진 논리식을 판단하여, 참(true)과 거짓(false)을 반환한다.

논리 연산자	설명
&&	논리식이 모두 참이면 참을 반환함. (논리 AND 연산)
||	논리식 중에서 하나라도 참이면 참을 반환함. (논리 OR 연산)
!	논리식의 결과가 참이면 거짓을, 거짓이면 참을 반환함. (논리 NOT 연산)

var trueVar = true;
var falseVar = false;

console.log(trueVar && falseVar); // false
console.log(trueVar || falseVar); // true
console.log(!trueVar); // false

비트 연산자

• 많이 사용하지 않으므로 생략.
• 참고: http://tcpschool.com/javascript/js_operator_bitwise

삼항 연산자

• 표현식 ? 반환값1 : 반환값2
• 물음표(?) 앞의 표현식에 따라 결괏값이 참이면 반환값1을 반환하고, 결괏값이 거짓이면 반환값2를 반환.

var number1 = 10;
var number2 = 1;

var result = number1 > number2 ? 'big' : 'samll';
console.log(result); // big

---

출처

http://tcpschool.com/javascript/js_operator_arithmetic

코딩교육 티씨피스쿨