[TCP School/자바스크립트] 연산자

목차

1. 산술 연산자

2. 대입 연산자

3. 증감 연산자

4. 비교 연산자

5. 논리 연산자

6. 비트 연산자

7. 기타 연산자

 

---

산술 연산자(arithmetic operator)

산술 연산자는 사칙연산을 다루는 가장 기본적이면서도 많이 사용하는 연산자이다.

산술 연산자는 이항 연산자이며, 피연산자들의 결합 방향은 왼쪽에서 오른쪽이다.

산술 연산자	설명
+	왼쪽 피연산자의 값에 오른쪽 피연산자의 값을 더함
-	왼쪽 피연산자의 값에 오른쪽 피연산자의 값을 뺌
*	왼쪽 피연산자의 값에 오른쪽 피연산자의 값을 곱함
/	왼쪽 피연산자의 값에 오른쪽 피연산자의 값을 나눔
%	왼쪽 피연산자의 값을 오른쪽 피연산자의 값으로 나눈 후, 나머지를 반환

---

대입 연산자(assignment operator)

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

 

대입 연산자	설명
=	왼쪽 피연산자에 오른쪽 피연산자의 값을 대입
+=	왼쪽 피연산자의 값에 오른쪽 피연산자의 값을 더한 후, 그 결과값을 왼쪽 피연산자에 대입
-=	왼쪽 피연산자의 값에 오른쪽 피연산자의 값을 뺀 후, 그 결과값을 왼쪽 피연산자에 대입
*=	왼쪽 피연산자의 값에 오른쪽 피연산자의 값을 곱한 후, 그 결과값을 왼쪽 피연산자에 대입
/=	왼쪽 피연산자의 값에 오른쪽 피연산자의 값을 나눈 후, 그 결과값을 왼쪽 피연산자에 대입
%=	왼쪽 피연산자의 값에 오른쪽 피연산자의 값을 나눈 후, 나머지 값을 왼쪽 피연산자에 대입

---

증감 연산자(increment and decrement operator)

증감 연산자는 피연산자를 1씩 증가 혹은 감소시킬 때 사용하는 연산자이다.

이 연산자는 피연산자가 하나뿐인 단항 연산자이다.

 

증감 연사자는 피연산자의 어느쪽에 위치하냐에 따라 연산의 순서 및 결과가 달라진다.

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

---

비교 연산자(comparison operator)

비교 연산자는 피연산자 사이의 상대적인 크기를 판단하여, 참과 거짓을 반환한다.

비교 연산자는 모두 이항 연산자이며, 피연산자들의 결합 방향은 왼쪽에서 오른쪽이다.

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

 

자바스크립트에서 비교 연산자는 피연산자의 타입에 따라 두 가지 기준으로 비교를 진행한다.

1. 피연산자가 둘 다 숫자라면, 해당 숫자를 서로 비교

2. 피연산자가 둘 다 문자열이라면, 문자열의 첫 번째 문자부터 알파벳순으로 비교

---

논리 연산자(logical operator)

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

&& 연산자와 ||연산자는 이항 연산자이며, 피연산자들의 결합 방향은 왼쪽에서 오른쪽이다.

! 연산자는 단항 연산자이며, 피연산자의 결합 방향은 오른쪽에서 왼쪽이다.

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

---

비트 연산자(bitwise operator)

비트 연산자는 논리 연산자와 비슷하지만, 비트 단위로 논리 연산을 수행한다.

또한, 비트 단위로 전체 비트를 왼쪽이나 오른쪽으로 이동시킬 때도 사용한다.

비트 연산자	설명
&	대응되는 비트가 모두 1이면 1을 반환 (비트 AND 연산)
|	대응되는 비트 중에서 하나라도 1이라면 1을 반환 (비트 OR 연산)
^	대응되는 비트가 서로 다르면 1을 반환 (비트 XOR 연산)
~	비트를 1이면 0으로, 0이면 1로 반전 (비트 NOT 연산)
<<	지정한 수만큼 비트를 전부 왼쪽으로 이동 (left shift 연산)
>>	지정한 수만큼 비트를 전부 오른쪽으로 이동 (right shift 연산)
>>>	지정한 수만큼 비트를 전부를 오른쪽으로 이동시키며, 새로운 비트는 모두 0이 됨

---

기타 연산자

문자열 결합 연산자

자바스크립트에서 덧셈 연산자는 피연산자의 타입에 따라 두 가지 다른 연산을 수행한다.

1. 피연산자가 둘 다 숫자라면, 산술 연산인 덧셈을 수행한다.

2. 피연산자가 하나라도 문자열이라면, 문자열 결합을 수행한다.

var x = 3 + 4;  // 피연산자가 둘 다 숫자라면 덧셈 연산을 수행
var z = 12 + '월';  // 피연산자 중 하나라도 문자열이라면 문자열 결합 연산을 수행

 

 

삼항 연산자

삼항 연산자는 유일하게 피연산자를 세 개 가지는 연산자이다.

표현식 ? 반환값1 : 반환값2

물음표(?) 앞의 표현식에 따라 결과값이 참이면 반환값1을 반환하고, 그렇지 않으면 반환값2를 반환한다.

 

 

쉼표 연산자

쉼표 연산자를 for 문에서 사용하면, 루프마다 여러 변수를 동시에 갱신할 수 있다.

for (var i = 0, j = 9, i <= j, i++, j--) {
	document.write("i의 값은 " + i + "이고, j의 값은 " + j + "입니다.")
}

 

 

delete 연산자

delete 연산자는 피연산자인 객체, 객체의 프로퍼티 또는 배열의 요소 등을 삭제해준다.

피연산자가 성공적으로 삭제되었을 경우에는 참을 반환하고, 그렇지 않으면 거짓을 반환한다.

 

 

instanceof 연산자

instanceof 연산자는 피연산자인 객체가 특정 객체의 인스턴스인지 아닌지를 확인해 준다.

피연산자가 특정 객체의 인스턴스라면 참을 반환하고, 그렇지 않으면 거짓을 반환한다.

 

 

void 연산자

void 연산자는 피연산자로 어떤 타입의 값이 오던지 상관없이 언제나 undefined 값만을 반환한다.

void 연산자는 정의되지 않은 원시 타입의 값을 얻기 위해 void(0)과 같은 형태로 종종 사용된다.

---

TCP School의 강의 내용을 정리한 포스트입니다.

http://www.tcpschool.com/javascript/intro

코딩교육 티씨피스쿨