자바스크립트 증감 연산자 ++i, i++ 등 정리


자바스크립트 증감 연산자는 +1 또는 -1을 의미합니다. ++ii1 증가시키고, ++i도 바로 1 증가시킵니다. i++i1 증가시키고, i++는 바로 증가시키지 않습니다.

자바스크립트 증감 연산자

변수 i가 있을 때 i = i + 1을 표현할 때 i++ 또는 ++i를 사용합니다. 같은 원리로 i = i - 1i-- 또는 --i를 사용합니다.

++ 또는 -- 기호의 위치에 따라서 약간의 차이는 있습니다.

++i

++i는 변수 i의 값을 1 증가시킵니다. 동시에 ++i의 값도 1 증가시킵니다.

<script>
  var i = 1;

  document.write(++i, '<br>');
  document.write(i);
</script>

i++

i++는 변수 i의 값을 1 증가시킵니다. 하지만 i++ 자체는 바로 증가되지 않습니다.

<script>
  var i = 1;

  document.write(i++, '<br>');
  document.write(i);
</script>


–i

--i는 변수 i1 감소시키고, --i 자신도 바로 1 감소됩니다.

<script>
  var i = 1;

  document.write(--i, '<br>');
  document.write(i);
</script>

i–

i--는 변수 i1 감소시키지만, i-- 자신은 바로 감소되지 않습니다.

<script>
  var i = 1;

  document.write(i--, '<br>');
  document.write(i);
</script>

증감 연산자는 반복문 등에서 자주 사용됩니다.