자바스크립트 연산자(JavaScript Operators)

변수에 값을 할당하고 그 변수들을 합산한다.

 

let x = 5;         // assign the value 5 to x
let y = 2;         // assign the value 2 to y
let z = x + y;     // assign the value 7 to z (5 + 2)

 

 

할당 연산자(=)는 변수에 값을 할당한다.

 

let x = 10;

 

 

더하기 연산자(+)는 숫자를 더한다.

 

let x = 5;
let y = 2;
let z = x + y;

//7

 

 

곱셈 연산자(*)는 숫자를 곱한다.

 

let x = 5;
let y = 2;
let z = x * y;

//10

 

 

---

 

 

자바스크립트 연산자 타입 유형(Types of JavaScript Operators)

다양한 유형의 자바스크립트 연산자가 있다.

• 산술 연산자(Arithmetic Operators)
• 할당 연산자(Assignment Operators)
• 비교 연산자(Comparison Operators)
• 논리 연산자(Logical Operators)
• 조건 연산자(Conditional Operators)
• 유형 연산자(Type Operators)

 

 

---

 

 

자바스크립트 산술 연산자(JavaScript Arithmetic Operators)

산술 연산자는 숫자에 대한 산술을 수행하기 위해 사용된다.

 

연산자	설명
+	더하기
-	빼기
*	곱하기
**	지수화 (ES2016)
/	나누기
%	계수 (나눗셈 나머지)
++	증가
--	감소

 

 

---

 

 

자바스크립트 할당 연산자(JavaScript Assignment Operators)

할당 연산자는 자바스크립트 변수에 값을 할당한다.

 

연산자	예제	같은 의미
=	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

 

더하기 할당 연산자(+=)는 변수에 값을 더합니다.

 

let x = 10;
x += 5;


//15

 

 

---

 

 

자바스크립트 문자열 추가(Adding JavaScript Strings)

+ 연산자를 사용하여 문자열을 추가(연결)할 수도 있다.

 

let text1 = "John";
let text2 = "Doe";
let text3 = text1 + " " + text2;

John Doe

 

 

+= 할당 연산자를 사용하여 문자열을 추가(연결)할 수도 있다.

 

let text1 = "What a very ";
text1 += "nice day";

What a very nice day

 

💡 문자열에 사용할 때, + 연산자는 결합 연산자라고 불리기도 한다.

 

 

---

 

 

문자열 및 숫자 추가(Adding Strings and Numbers)

두 숫자를 더하면 합계가 나오지만, 숫자와 문자열을 더하면 문자열로 반환된다.

 

let x = 5 + 5;
let y = "5" + 5;
let z = "Hello" + 5;

10
55
Hello5

 

💡 숫자와 문자열을 더하면, 결과는 문자열이 된다.

 

 

---

 

 

자바스크립트 비교 연산자(JavaScript Comparison Operators)

 

연산자	설명
==	동일하다.
===	동일한 값 및 동일한 유형
!=	동일하지 않다.
!==	동일하지 않은 값 및 동일하지 않은 유형
>	보다 크다
<	보다 작다
>=	보다 크거나 동일하다.
<=	보다 작거나 동일하다
?	삼항 연산자

 

 

---

 

 

자바스크립트 논리 연산자(JavaScript Logical Operators)

 

연산자	설명
&&	논리 AND
||	논리 OR
!	논리 NOT

 

 

---

 

 

자바스크립트 유형 연산자(JavaScript Type Operators)

 

연산자	설명
typeof	변수의 유형을 반환한다.
instanceof	객체가 객체 유형의 인스턴스인 경우 true를 반환한다.

 

 

---

 

 

자바스크립트 비트 연산자(JavaScript Bitwise Operators)

비트 연산자는 32 비트 숫자에서 작동한다.

연산의 모든 숫자 피연산자는 32비트 숫자로 변환되고, 결과는 자바스크립트 숫자로 다시 변환된다.

 

연산자	설명	예제	같은 의미	결과	소수
&	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
<<	left shift	5 << 1	0101 << 1	1010	10
>>	right shift	5 >> 1	0101 >> 1	0010	2
>>>	unsigned right shift	5 >>> 1	0101 >>> 1	0010	2

 

💡 위의 예제에서는 4비트의 부호 없는 예제를 사용하지만, 자바스크립트는 32비트의 부호가 있는 숫자를 사용한다.

이 때문에 자바스크립트에서 ~ 5는 10을 반환하지 않고 -6을 반환한다.

EX) ~00000000000000000000000000000101  는 11111111111111111111111111111010 을 반환한다.