자바스크립트 증감 연산자

 

자바스크립트에서 전위 연산자와 후위 연산자는 변수를 증가(++)시키거나 감소(--)시키는 데 사용됩니다. 둘의 차이점은 값이 증가/감소되기 전에 사용되느냐, 아니면 사용된 후에 증가/감소되느냐입니다.

---

1. 전위 연산자 (++x / --x)

• 설명: 변수를 먼저 증가(++)시키거나 감소(--)시킨 후, 그 값을 반환합니다.

예제:

let x = 5;
let y = ++x; // x를 먼저 1 증가시키고, y에 대입
console.log(x); // 6
console.log(y); // 6

---

2. 후위 연산자 (x++ / x--)

• 설명: 현재 값을 먼저 반환하고, 그 후에 변수를 증가(++)시키거나 감소(--)시킵니다.

예제:

let x = 5;
let y = x++; // y에 먼저 x의 현재 값을 대입하고, 이후 x를 1 증가
console.log(x); // 6
console.log(y); // 5

---

예제를 통해 비교해 보기

예제 1: 기본 차이

let a = 3;
console.log(++a); // 전위 연산: a가 먼저 1 증가 → 출력 4
console.log(a++); // 후위 연산: 현재 a 값을 출력 후 증가 → 출력 4 (이후 a = 5)
console.log(a);   // 최종 a 값: 5

예제 2: 반복문에서의 사용

전위와 후위 연산자는 반복문에서 유용하게 사용됩니다.

전위 연산자 사용:

for (let i = 0; i < 5; ) {
  console.log(++i); // i를 증가시키고 나서 출력
}
// 출력: 1, 2, 3, 4, 5

 

후위 연산자 사용:

for (let i = 0; i < 5; ) {
  console.log(i++); // i를 출력하고 나서 증가
}
// 출력: 0, 1, 2, 3, 4

 

예제 3: 복합적인 계산

let x = 2;
let y = 3;
let z = ++x + y++; // x는 먼저 1 증가 → x = 3, y는 사용 후 1 증가 → y = 4
console.log(z); // z = 3 + 3 → 6
console.log(x, y); // x = 3, y = 4

 

예제 4: 배열 인덱스에 사용

const array = [10, 20, 30, 40];
let index = 0;

// 후위 연산자를 사용
console.log(array[index++]); // 출력: 10 (index = 1로 증가)

// 전위 연산자를 사용
console.log(array[++index]); // 출력: 30 (index = 2로 먼저 증가)

예제 5: 함수 호출과 함께 사용

function increment(value) {
  return value + 1;
}

let num = 5;
console.log(increment(++num)); // num을 먼저 1 증가시키고 함수 호출 → 출력 7
console.log(increment(num++)); // 함수 호출 후 num을 1 증가 → 출력 7 (num은 이후 7)
console.log(num); // 최종 num 값: 7

 

---

요약

• 전위 연산자 (++x, --x): 값을 증가/감소시키고 나서 그 값을 즉시 사용.
• 후위 연산자 (x++, x--): 값을 먼저 사용하고, 이후에 증가/감소.