JavaScript i++ 와 ++i 의 차이

JavaScript(또는 C, Java 등 대부분의 언어)에서 i++ 과 ++i 는 증가 연산자(Increment Operator) 입니다. 둘 다 변수의 값을 1 증가시키지만, 실행되는 시점이 다릅니다.

1. i++ (후위 증가, Post-Increment)

• 현재 값이 먼저 사용되고, 그 다음에 1 증가합니다.

let i = 5;
console.log(i++); // 출력: 5  (출력 후 i = 6)
console.log(i);   // 출력: 6

👉 값 사용 → 그 다음 증가

2. ++i (전위 증가, Pre-Increment)

• 먼저 1을 증가시키고, 증가된 값을 사용합니다.

let i = 5;
console.log(++i); // 출력: 6  (i = 6)
console.log(i);   // 출력: 6

👉 먼저 증가 → 증가된 값 사용

3. 차이 비교

표현식         동작 순서                                              예제(i=5)                                                    결과

 

i++	값 사용 → 증가	console.log(i++)	5 (이후 i=6)
++i	증가 → 값 사용	console.log(++i)	6 (i=6)

4. 활용 예시

let i = 0;

// 후위 증가: 먼저 사용 → 나중에 증가
while (i++ < 3) {
  console.log("i++ 예시:", i);
}
// 출력: 1, 2, 3

i = 0;
// 전위 증가: 증가 후 사용
while (++i < 3) {
  console.log("++i 예시:", i);
}
// 출력: 1, 2

마무리

• i++: 값을 먼저 사용한 뒤 증가
• ++i: 값을 증가시킨 뒤 사용

즉, 단독으로 쓰이면 차이가 없지만, 다른 표현식 속에서 사용될 때 결과가 달라집니다.