[JS][연산자] 대입 연산자

JavaScript에서 대입 연산자(Assignment Operators)는 변수에 값을 할당하거나 변경할 때 사용됩니다.

이번 글에서는 JavaScript의 대입 연산자를 초보자도 쉽게 이해할 수 있도록 정리해 보겠습니다.

---

1. 기본 대입 연산자 (=)

대입 연산자의 가장 기본적인 형태는 =이며, 오른쪽 값을 왼쪽 변수에 저장하는 역할을 합니다.

=

변수에 값을 할당

let a = 5;

a에 5를 저장

📌 예제

let x = 10; // x에 10을 할당
let y = x;  // y에 x의 값(10)을 할당
console.log(y); // 10 출력

 

---

2. 복합 대입 연산자

복합 대입 연산자는 변수의 현재 값을 연산한 후 같은 변수에 다시 할당하는 역할을 합니다.

+=	더하고 할당	x += 3;	x = x + 3
-=	빼고 할당	x -= 2;	x = x - 2
*=	곱하고 할당	x *= 4;	x = x * 4
/=	나누고 할당	x /= 2;	x = x / 2
%=	나머지를 구하고 할당	x %= 3;	x = x % 3
**=	거듭제곱 계산 후 할당	x **= 2;	x = x ** 2

 

📌 예제

let a = 10;
a += 5; // a = a + 5 → a는 15
a *= 2; // a = a * 2 → a는 30
a %= 4; // a = a % 4 → a는 2
console.log(a); // 2 출력

 

---

3. 비트 연산을 사용하는 대입 연산자

JavaScript에서는 비트 연산(Bitwise Operation)을 활용한 대입 연산자도 제공합니다.

&=	비트 AND 후 할당	x &= y;	x = x & y
|=	비트 OR 후 할당	x |= y;	x = x | y
^=	비트 XOR 후 할당	x ^= y;	x = x ^ y
<<=	왼쪽 시프트 후 할당	x <<= 2;	x = x << 2
>>=	오른쪽 시프트 후 할당	x >>= 2;	x = x >> 2
>>>=	부호 없는 오른쪽 시프트 후 할당	x >>>= 2;	x = x >>> 2

📌 예제

let b = 5;   // 00000101 (2진수)
b &= 3;     // 00000001 → b는 1
console.log(b); // 1 출력

---

4. 객체 프로퍼티와 대입 연산자

대입 연산자는 객체의 프로퍼티 값을 업데이트할 때도 유용하게 사용됩니다.

let user = { name: "Alice", age: 25 };
user.age += 1; // age 값을 1 증가
console.log(user.age); // 26 출력

---

✅ 정리

✔ = 기본 대입 연산자를 사용하여 변수에 값을 할당할 수 있음

✔ +=, -=, *=, /= 등의 복합 대입 연산자로 코드를 간결하게 작성 가능

✔ &=, |=, ^= 등의 비트 연산 대입 연산자로 효율적인 연산 가능

✔ 객체의 프로퍼티 값도 대입 연산자를 활용하여 쉽게 업데이트 가능