티스토리 뷰

JavaScript

자바스크립트 연산자 Operators

IT Knowledge Share 2021. 9. 14. 17:49
반응형

자바스크립트의 연산자를 총 정리해보도록 하겠습니다.

 

1. 산술 연산자

+ 더하기
- 빼기
* 곱하기
** 거듭제곱
/ 나누기
%
++ 증감
-- 감소

산술 연산자 중에서 거듭제곱을 어떻게 사용하는지만 알아보겠습니다. x값의 2제곱을 원한다면, x ** 2 또는 pow메소드를 사용하여 pow(x, 2)로 표현하면 됩니다.

let x = 5;
let z = x ** 2; //결과값은 25가 됩니다.

let x = 5;
let z = Math.pow(x,2);   //x값의 2제곱승을 하게 되므로, 결과는 동일하게 25입니다.

 

2. 할당 연산자

할당 연산자 예시 의미
= x = y 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
**= x **= y x = x ** y
반응형

3. 비교 연산자

== 같다
=== 같다 (같은 값, 같은 타입)
!= 같지 않다
!== 같지 않다 (같지 않은 값이나 타입)
> 초과
< 미만
>= 같거나 크다
<= 같거나 작다
? 삼항조건 연산자

 

4. 논리 연산자

&& 그리고
|| 또는
! ~이 아니다(부정)

 

5. 타입 연산자

typeof 변수의 타입을 리턴하는 연산자
instanceof 생성된 인스턴스 객체가 어떤 생성자 함수를 사용하여 생성되었는지 확인하고 boolean 값을 반환

6. 비트 연산자

비트연산자 설명 예시 의미 결과 10진법
& AND 5 & 1 0101 & 0001 0001  1
| OR 5 | 1 0101 | 0001 0101  5
~ NOT ~ 5  ~0101 1010  10
^ XOR 5 ^ 1 0101 ^ 0001 0100  4
<< 아래 설명 참조. 5 << 1 0101 << 1 1010  10
>> 아래 설명 참조. 5 >> 1 0101 >> 1 0010   2
>>> 아래 설명 참조. 5 >>> 1 0101 >>> 1 0010   2

특히, 아래 3개의 의미를 정리하면 다음과 같습니다.

<< (Zero fill left shift) : 오른쪽에 0을 넣어 왼쪽으로 이동하고 가장 왼쪽 비트가 떨어져 나가도록 합니다.

>> (Signed right shift) : 맨 왼쪽 비트의 복사본을 왼쪽에서 밀어 넣어 오른쪽으로 이동하고, 맨 오른쪽 비트가 떨어지도록 합니다.

>>> (Zero fill right shift) : 왼쪽에 0을 밀어넣고 제일 오른쪽의 값이 떨어져 나가도록 합니다.

 

이상으로 자바스크립트 연산자에 대한 설명을 마치겠습니다.

반응형
댓글