[JavaScript] 3. 연산자 (1)

서회정

Jan 28, 2026

Contents

1. 대입 연산자 2. 산술 연산자 3. 복합 대입 연산자 4. 증감 연산자 5. 논리 연산자 6. 비교 연산자

💡

연산자란

프로그래밍에서의 다양한 연산을 위한 기호, 키워드를 말한다.

1. 대입 연산자


// 1. 대입 연산자
let var1 = 1;

2. 산술 연산자


// 2. 산술 연산자
let num1 = 3 + 2;
let num2 = 3 - 2;
let num3 = 3 * 2;
let num4 = 3 / 2;
let num5 = 3 % 2; (모듈러연산자)

let num6 = (1 + 2) * 10;

💡

곱셈, 나눗셈, 모듈러 연산자는 우선순위가 높다. 따라서 우선순위가 낮은 연산을 먼저 진행하고자 할 때는 소괄호로 묶으면 된다.

3. 복합 대입 연산자


// 3. 복합 대입 연산자
let num7 = 10;
num7 += 20; // 30
num7 -= 20; // 10
num7 *= 20; // 200
num7 /= 20; // 10
num7 %= 10; // 0

4. 증감 연산자


// 4. 증감 연산자
let num8 = 10;
++num8; // 전위 연산
num8++; // 후위 연산

💡

전위 연산은 해당하는 라인이 지나고, 그 다음 라인에서 연산이 끝난다.

후위 연산은 해당하는 라인에서 연산이 끝난다.

console을 찍어 그 값을 확인할 수 있다.


let num8 = 10;
console.log(num8++);


let num8 = 10;
console.log(++num8);

5. 논리 연산자

💡

or ⇒ 하나만 참이어도 참

and ⇒ 모두 참이어야 참

not ⇒ 참이라면 거짓, 거짓이라면 참으로 결과를 바꾸어줌


// 5. 논리 연산자
let or = true || false; //true

let and = true && false; // false

let not = !true; // false

6. 비교 연산자

💡

boolean 결과값을 반환함



// 6. 비교 연산자
let comp1 = 1 === "1"; // false
let comp2 = 1 !== 2; // true

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

let comp5 = 2 >= 2; // true
let comp6 = 2 <= 2; // true

✅ 근데 왜 == 이 아니라 ===을 사용하냐?

⇒ ==도 사용 가능! 근데 값을 비교할 순 있으나 값의 자료형 비교는 불가함!

⇒ 따라서 1 == ”1” 는 타입이 다른데 true 라는 결과값이 나옴.

⇒ 그래서 자료형까지 같이 비교하려면 === 을 사용해야 한다.