[JavaScript] 연산자(Operators)

📍연산자(Operators)란?
자바스크립트에서 연산자(Operators)는 값(데이터)을 연산(계산/비교/조합 등)할 때 사용하는 기호

---

✅ 1. 산술 연산자 (Arithmetic Operators)

연산자	설명	예시 (a = 10, b = 3)
+	더하기	a + b → 13
-	빼기	a - b → 7
*	곱하기	a * b → 30
/	나누기	a / b → 3.333...
%	나머지	a % b → 1
**	거듭제곱	a ** b → 1000

✅ 2. 대입 연산자 (Assignment Operators)

연산자	의미	예시
=	값을 대입	x = 5
+=	더해서 대입	x += 2 → x = x + 2
-=	빼서 대입	x -= 1
*=	곱해서 대입	x *= 3
/=	나눠서 대입	x /= 2
%=	나머지를 대입	x %= 3

✅3. 비교 연산자 (Comparison Operators)

• 결과는 항상 true 또는 false (논리값)

연산자	설명	예시 (a = 5, b = '5')
==	값이 같음 (느슨한 비교)	a == b → true
===	값과 타입이 같음 (엄격한 비교)	a === b → false
!=	값이 다름	a != b → false
!==	값 또는 타입이 다름	a !== b → true
>	크다	a > 3 → true
<	작다	a < 10 → true
>=	크거나 같다	a >= 5 → true
<=	작거나 같다	a <= 4 → false

(+⭐) 비교 연산자 (== 과 ===)

① 동등 연산자 (==)

• 좌항과 우항을 비교해서 서로 값이 같다면 true 다르다면 false가 됨.

• '='와 '=='는 서로 다름.
  '='가 하나인 것은 대입연산자로 우항의 값을 좌항의 변수에 대입할 때 사용하는 것으로 의미가 완전히 다름!
  
  

② 일치 연산자 (===)

• === 좌항과 우항이 '정확'하게 같을 때 true 다르면 false가 됨.
• == 비교 연산자 대신 === 일치 연산자를 쓰는 것을 강력하게 권장

//== 사용하기
alert(1==2)             //false
alert(1==1)             //true
alert("one"=="two")     //false 
alert("one"=="one")     //true



//===사용하기
alert(1=='1');          //true
alert(1==='1');         //false

/*
'==='는 숫자 1과 문자 1을 다르게 인식함. 
반면에 '=='는 양쪽의 값을 같다고 판단함. 

바로 이것이 '정확'의 의미!

즉, ===는 서로 같은 수를 표현하고 있더라도 
데이터 형이 같은 경우에만 같다고 판단하기 때문임.
*/

③ 부등 연산자(!=)와 불일치 연산자(!==)

• 부등 연산자 (!=) ➡️ 두 값이 값만 다른지 비교

  • '!'는 부정을 의미하고, '같다'의 부정은 '같지 않다'임.
    이를 기호로는 '!='로 표시함.

• 일치 연산자 (!==) ➡️ 두 값이 값과 타입이 다른지 비교
  
  

alert(1!=2);            //true
alert(1!=1);            //false
alert("one"!="two");    //true
alert("one"!="one");    //false

👉 추가 예시

• null과 undefined는 값이 없다는 의미의 데이터 형이다.

  • null
    null은 '값이 없음'을 개발자가 의도하여 명시적으로 표시한 것!

  • undefined
    undefined는 '값이 정의되어 있지 않음'을 의미함!

• NaN은 0/0과 같은 연산의 결과로 만들어지는 특수한 데이터 형으로 숫자가 아니라는 뜻!

✅ 4. 논리 연산자 (Logical Operators)

연산자	설명	예시
&&	AND (모두 참일 때 참)	true && false → false
||	OR (하나라도 참이면 참)	false || true → true
!	NOT (반대값으로 뒤집기)	!true → false

✅ 5.삼항 연산자 (Ternary Operator)

• 조건이 참이면 A, 거짓이면 B

조건 ? 참일 때 값 : 거짓일 때 값;

• 삼항연산자 예시

// 예시1
let isLoggedIn = true;
let message = isLoggedIn ? "환영합니다!" : "로그인 해주세요.";

console.log(message);  // "환영합니다!"


// 예시2
int a = 5;
int b = 3;

String result = a > b ? "참" : "거짓";  // result = "참"

조건 표현식	삼항연산자 식	결과	설명
5 > 3	5 > 3 ? "참" : "거짓"	"참"	5가 3보다 크니까 "참" 반환
10 == 5	10 == 5 ? "같음" : "다름"	"다름"	10과 5가 다르니까 "다름" 반환
isMember == true	isMember ? "회원" : "비회원"	"회원"	isMember가 참일 때 "회원" 반환
score >= 60	score >= 60 ? "합격" : "불합격"	"합격" 또는 "불합격"	점수에 따라 결과 달라짐