Operator (연산자)

🟨 Operators

변수에 저장된 값이나 리터럴 값을 계산하거나 비교하여 새로운 값을 만들어내는 기호.

 

1️⃣ 산술 연산자 (Arithmetic Operators)

숫자 데이터를 이용해 기본적인 수학 계산을 수행한다.

let a = 10;
let b = 3;

console.log(a + b);  // 13
console.log(a - b);  // 7
console.log(a * b);  // 30
console.log(a / b);  // 3.3333...
console.log(a % b);  // 1 (10을 3으로 나눈 나머지)
console.log(a ** b); // 1000 (10의 3제곱)

// 나머지 연산자 활용: 홀짝 판별
let num = 7;
console.log(num % 2 === 0 ? "짝수" : "홀수"); // "홀수"

• +: 덧셈.
• -: 뺄셈.
• *: 곱셈.
• /: 나눗셈.
• %: 나머지. (홀짝, 배수 판별에 활용)
• **: 거듭제곱. (예: 2 ** 3은 8)

 

2️⃣ 대입/할당 연산자 (Assignment Operators)

변수에 값을 저장하거나 기존 값을 연산 후 다시 저장한다.

let total = 100;

total += 50; // total = total + 50과 같음 (150)
total -= 20; // total = total - 20과 같음 (130)
total *= 2;  // total = total * 2와 같음 (260)
total /= 10; // total = total / 10과 같음 (26)

console.log("최종 합계:", total); // 26

• =: 값 저장.
• +=: 더한 후 저장.
• -=: 뺀 후 저장.
• *=: 곱한 후 저장.
• /=: 나눈 후  저장.
• %=: 나머지 저장.

👉 연산과 대입을 한 번에 처리할 수 있다. (예: a += 5는 a = a + 5와 동일)

 

3️⃣ 비교 연산자 (Comparison Operators) (일반 비교 vs 엄격한 비교)

두 값을 비교하여 참(true) 또는 거짓(false)을 반환한다.

let x = 5;
let y = "5";

// 일반 비교 (값만 같으면 참)
console.log(x == y);  // true

// 엄격한 비교 (값과 자료형이 모두 같아야 참)
console.log(x === y); // false (숫자 5와 문자열 "5"는 다름)

// 부등호 비교
console.log(10 > 5);  // true
console.log(10 <= 10); // true
console.log(10 !== 5); // true (10과 5는 같지 않음)

• ==: 동등 비교. (값만 비교, 타입 무시)
• ===: 일치 비교. (값과 타입 비교) (권장)
• !=: 부등 비교. (갑이 다름)
• !==: 불일치 비교. (값 또는 타입이 다름)
• >: 크다.
• <: 작다.
• >=: 크거나 같다.
• <=: 작거나 같다.

👉 실무에서는 대부분 ===, !== 사용.

 

4️⃣ 논리 연산자 (Logical Operators)

여러 조건을 결합하거나 결과를 반전한다. (여러 조건을 묶어서 판단할 때 사용)

let hasID = true;      // 신분증 소지 여부
let isAdult = false;   // 성인 여부

// AND (&&): 둘 다 참이어야 함
console.log(hasID && isAdult); // false (신분증은 있지만 성인이 아님)

// OR (||): 하나만 참이어야 함
console.log(hasID || isAdult); // true (신분증이 있으므로 통과)

// NOT (!): 참/거짓을 뒤집음
console.log(!hasID); // false (true의 반대)

• &&: AND. (모두 참이면 true)
• ||: OR. (하나라도 참이면 true)
• !: NOT. (반대값 반환)

 

5️⃣ 증감 연산자 (Increment / Decrement Operators)

값을 1씩 증가 또는 감소시키며, 위치에 따라 실행 순서가 달라진다.

let count = 0;

count++; // count = count + 1 (1)
console.log(count);

count--; // count = count - 1 (0)
console.log(count);

// 전위(++n)와 후위(n++)의 차이
let n = 5;
console.log(n++); // 5 출력 후 6으로 증가 (현재 줄에서는 증가 전 값 사용)
console.log(++n); // 7로 먼저 증가 후 출력 (현재 줄에서 증가된 값 사용)

• ++: 1 증가.
• --: 1 감소.

 

6️⃣ 삼항 연산자 (Conditional Operator)

조건에 따라 다른 값을 반환한다.

const age = 20;

const result = age >= 18 ? "성인" : "미성년자";

console.log(result); // 성인

• 구조: 조건식 ? 참일 때 값 : 거짓일 때 값.

👉 if문을 간단하게 줄인 형태.

 

7️⃣ typeof 연산자 (Type Operator)

데이터의 자료형(type) 을 문자열(string)로 반환한다.

console.log(typeof 123);      // "number"
console.log(typeof "hello");  // "string"
console.log(typeof true);     // "boolean"
console.log(typeof undefined);// "undefined"

• typeof는 값이 어떤 데이터 타입인지 확인할 때 사용한다.
• 디버깅이나 조건문에서 데이터 타입을 확인할 때 유용하다.

 

 

📍  POINT 📍 

✔️ 비교 시에는 === (일치 연산자)를 사용하여 데이터 타입 오류를 방지한다. ✔️

✔️ % (나머지 연산자)는 짝수/홀수, 배수 판단에 매우 유용하다. ✔️

✔️ 논리 연산자를 활용하면 복잡한 조건문도 간결하게 표현할 수 있다. ✔️

 

 

📋 주요 연산자 요약표 📋

종류	연산자
산술	+, -, *, /, %, **
할당	=, +=, -=, *=, /=
비교	==, ===, !=, !==, >, <, >=, <=
논리	&&, ||, !
증감	++, --
삼항	조건식 ? 값1 : 값2
타입	typeof

 

---

 

⚙️ 실전 예제 코드 ⚙️

// 1. 산술 및 대입 연산
let score = 10;
score += 5; // score는 15
console.log(score % 2); // 1 (나머지 연산으로 홀수임을 확인)

// 2. 비교 연산 (엄격한 비교)
console.log(10 == "10");  // true (값만 같으면 됨)
console.log(10 === "10"); // false (자료형이 다름: 숫자 vs 문자열)

// 3. 논리 연산
let isAdult = true;
let hasTicket = false;

// 성인이고 티켓도 있어야 입장 가능
console.log(isAdult && hasTicket); // false

// 성인이거나 티켓이 있으면 입장 가능
console.log(isAdult || hasTicket); // true