📚 [JavaScript] 연산자

프로그램에서 특정한 동작을 하도록 지시하는 기호

📕 산술 연산자

사칙연산을 다루는 연산자

산술 연산자	설명	예시
+	왼쪽 피연산자의 값에 오른쪽 피연산자의 값을 더함	c = a + b
-	왼쪽 피연산자의 값에 오른쪽 피연산자의 값을 뺌	c = a - b
*	왼쪽 피연산자의 값에 오른쪽 피연산자의 값을 곱함	c = a * b
/	왼쪽 피연산자의 값을 오른쪽 피연산자의 값으로 나눔	c = a / b
%	왼쪽 피연산자의 값을 오른쪽 피연산자의 값으로 나눈 나머지를 구함	c = a % b
++	피연산자를 1 증가시킴	a++
--	피연산자를 1 감소시킴	a--

<script>
var x = 10, y = 4;
document.write(x + y); // 14
document.write(x - y); // 6
document.write(x * y); // 40
document.write(x / y); // 2.5
document.write(x % y); // 2
</script>

📙 할당 연산자(대입 연산자)

변수에 값을 대입할 때 사용하는 이항 연산자

할당 연산자	설명	예시
=	왼쪽 피연산자에 오른쪽 피연산자의 값을 대입함	y = x + 3
+=	y = y + x 를 의미함	y += x
-=	y = y - x 를 의미함	y -= x
*=	y = y * x 를 의미함	y *= x
/=	y = y / x 를 의미함	y /= x
%=	y = y % x 를 의미함	y %= x

<script>
var x = 10, y = 10, z = 10;
x = x - 5;
document.write(x + "<br>"); //5
y -= 5; //y = y - 5
document.write(y + "<br>"); //5
z =- 5; //z = -5
document.write(z); //-5
</script>

📒 연결 연산자(문자열 연산자)

둘 이상의 문자열을 합쳐서 하나의 문자열로 만드는 연산자

1. 피연산자가 둘 다 숫자이면, 산술 연산인 덧셈을 수행한다
2. 피연산자가 하나라도 문자열이면, 문자열 결합을 수행한다

<script>
var age = 21;
document.write("내 나이는 " + age + "살입니다."); //내 나이는 21살입니다.
</script>

📗 비교 연산자

피연산자를 비교하여 참(true)과 거짓(false)으로 결괏값을 반환

비교 연산자	설명	조건식	결괏값
==	왼쪽 피연산자와 오른쪽 피연산자의 값이 같으면 참을 반환함	3 == "3"	true
===	왼쪽 피연산자와 오른쪽 피연산자의 값이 같고, 같은 타입이면 참을 반환함	a === "3"	false
!=	왼쪽 피연산자와 오른쪽 피연산자의 값이 같지 않으면 참을 반환함	3 != "3"	false
!==	왼쪽 피연산자와 오른쪽 피연산자의 값이 같지 않거나, 타입이 다르면 참을 반환함	3 !== "3"	true
<	왼쪽 피연산자의 값이 오른쪽 피연산자의 값보다 작으면 참을 반환함	3 < 4	true
<=	왼쪽 피연산자의 값이 오른쪽 피연산자의 값보다 작거나 같으면 참을 반환함	3 >= 4	true
>	왼쪽 피연산자의 값이 오른쪽 피연산자의 값보다 크면 참을 반환함	3 > 4	false
>=	왼쪽 피연산자의 값이 오른쪽 피연산자의 값보다 크거나 같으면 참을 반환함	3 >= 4	false

<script>
var x = 5, y = 10;
var a = "abc", b = "bcd";
document.write(x > y); //false
document.write(a <= b) //true
</script>

📘 논리 연산자

주어진 논리식을 판단하여 참(true)과 거짓(false)을 반환

종류	기호	설명
OR 연산자	||	피연산자 중 하나만 true여도 true가 된다
AND 연산자	&&	피연산자가 모두 true일 경우에만 true가 된다
NOT 연산자	!	피연산자의 반댓값을 지정한다

<script>
var x = true, y = false;
document.write(x || y); // true
document.write(x && y); // false
document.write(!x); // false
</script>

📔 삼항 연산자(조건 연산자)

피연산자를 세 개를 가지는 조건 연산자

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

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

<script>
var x = 5, y = 10;
var result = (x > y) ? x : y //x가 더 크면 x를 반환하고, 그렇지 않으면 y를 반환한다
document.write("둘 중에 더 큰 수는 " + result + "이다."); //둘 중에 더 큰 수는 10이다.
</script>

📓 비트 연산자

비트(bit) 단위로 논리 연산을 수행한다

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