[JavaScript 기본] 연산자 정리

`JavaScript`에서 연산자는 값을 계산하거나, 비교 및 논리를 판단하는데 사용됨.

 

---

1. 대입 연산자

• 값을 변수에 할당하는 연산자

let var1 = 1;

• `=` : 오른쪽 값을 왼쪽 변수에 저장함
• 대입 후, 그 변수에는 새로운 값이 들어감

---

2. 산술 연산자

• 숫자 계산에 사용되는 연산자

let num1 = 3 + 2; // 5
let num2 = 3 - 2; // 1
let num3 = 3 * 2; // 6
let num4 = 3 / 2; // 1.5
let num5 = 3 % 2; // 1 (나머지)

• 괄호 `( )`가 있으면 괄호 안의 연산이 먼저 실행됨

---

3. 복합 대입 연산자

• 대입(`=`)과 산술 연산을 합친 형태

let num7 = 10;
num7 += 20; // num7 = num7 + 20;
num7 -= 20; // num7 = num7 - 20;
num7 *= 20; // num7 = num7 * 20;
num7 /= 20; // num7 = num7 / 20;
num7 %= 10; // num7 = num7 % 10;
console.log(num7);

• 자주 쓰는 패턴

count += 1; // count를 1씩 증가
totalPrice *= 1.1; // 부가세 추가

---

4. 증감 연산자

• 값을 1씩 증가 또는 감소시키는 연산자

 

let num8 = 10;
num8++; // 후위 증가 (사용 후 증가)
console.log(num8); // 11

let num9 = 10;
++num9; // 전위 증가 (증가 후 사용)
console.log(num9); // 11

• `++`, `--`는 변수 앞뒤 어디에 붙이느냐에 따라 동작 시점이 다름

형태	의미
`num++`	후위 증가 (현재 값 사용 후 +1)
`++num`	전위 증가 (+1 후 새 값 사용)

---

5. 논리 연산자

• 조건문이나 불리언 연산에서 많이 사용됨

let or = true || false;  // 하나라도 true면 true
let and = true && false; // 둘 다 true여야 true
let not = !true;         // 반전 (true → false)
console.log(or, and, not);

• 자주 쓰이는 패턴

if (isLoggedIn && hasPermission) {
  console.log("접근 허용");
}

if (name === "" || name === null) {
  console.log("이름이 비어있습니다");
}

---

6. 비교 연산자

• 두 값을 비교해 `true / false`를 반환

let comp1 = 1 === 2; // false (값, 타입 다름)
let comp2 = 1 !== 2; // true  (값 또는 타입 다름)
console.log(comp1, comp2);

let comp3 = 2 > 1;   // true
let comp4 = 2 < 1;   // false
let comp5 = 2 >= 2;  // true
let comp6 = 2 <= 2;  // true

• `==` vs `===` 차이

console.log(1 == "1");  // true  (값만 비교)
console.log(1 === "1"); // false (값 + 타입까지 비교)

항상 `===`(일치 연산자)를 사용하는 습관을 들이면 좋음 `==`는 자동 형 변환 때문에 원하는 결과를 얻을 수 없을 수 있음

---

7. null 병합 연산자

• `??` 연산자는 `null` 또는 `undefined`가 아닌 값을 반환함

let doseo1;
let doseo2 = 10;
let doseo3 = 20;

let result1 = doseo1 ?? doseo2;
console.log(result1); // 10 (doseo1이 undefined이므로 doseo2 선택)

let result2 = doseo2 ?? doseo3;
console.log(result2); // 10 (앞의 값이 존재하면 뒤는 무시)

• 사용 예시

let userName = null;
let displayName = userName ?? "Guest";
console.log(displayName); // "Guest"

• `??`는 `null` 또는 `undefined`만 검사함`
• `0`이나 `""`(빈 문자열)은 유효한 값으로 인식함.

---

8. `typeof` 연산자

• 변수의 타입을 문자열 형태로 반환함

let value = 1;
console.log(typeof value); // "number"

value = "hello";
console.log(typeof value); // "string"

value = null;
console.log(typeof value); // "object" (버그지만 JS 초창기부터 존재)

• `"number"`, `"string"`, `"boolean"`등으로 반환

---

9. 삼항 연산자

• 조건식을 한 줄로 간단하게 표현할 수 있음

let var8 = 10;
let res = var8 % 2 === 0 ? "짝수" : "홀수";
console.log(res); // "짝수"

• 구조

조건식 ? 참일 때 실행 : 거짓일 때 실행

• 예시

let loginStatus = isLoggedIn ? "환영합니다" : "로그인이 필요합니다";