본문 바로가기

WEB/JavaScript

[JavaScript] 증감 연산자

증감 연산자는 복합 대입 연산자는 약간 간략하게 사용한 형태이다.

증감 연산자 설명
변수++ 기존의 변수 값에 1을 더합니다(후위).
++변수 기존의 변수 값에 1을 더합니다(전위).
변수-- 기존의 변수 값에 1을 뺍니다(후위).
--변수 기존의 변수 값에 1을 뺍니다(전위).

 

 

예제를 살펴보자. 

    <script>
      let number = 10;

      alert(number++);
      alert(number++);
      alert(number++);
    </script>
실행 결과
10
11
12

후위란 해당 문장을 실행한 후 값을 더하라는 의미이다.

첫번째 문장을 실행하면서 10이 출력되었고 1을 더한 것이다.

두번째 문장을 실행하면서 11이 출력되었고 1을 더한다.

세번째 문장을 실행하면서 12가 출력되었고 1을 더한다.

 

따라서 number의 값은 현재 13이라고 생각해볼 수 있다.

 

 

다음 예제를 살펴보자.

    <script>
      let number = 10;

      alert(++number);
      alert(++number);
      alert(++number);
    </script>
실행 결과
11
12
13

전위란 해당 문장을 실행하기 전에 더하라는 의미이다.

첫번째 문장이 실행되기 전 이미 1을 더한 상태이고, 11을 출력하였다.

두번째 문장이 실행되기 전 이미 1을 더하여 12를 출력하였다.

세번째 문장이 실행되기 전 이미 1을 더하여 13을 출력하였다.

 

현재 number의 값은 그대로 13이라고 생각해 볼 수 있다!

 

 

마지막으로 다음 예제를 살펴보고 실행 결과를 예상해보자.

    <script>
      let number = 10;

      alert(number++);
      alert(++number);
      alert(number--);
      alert(--number);
    </script>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

실행 결과
10
12
12
10

 

 

 

 

'WEB > JavaScript' 카테고리의 다른 글

[JavaScript] NaN (Not a Number)  (0) 2022.07.03
[JavaScript] 키워드와 식별자  (0) 2022.06.29
[JavaScript] 입력 (prompt, confirm)  (0) 2022.03.07
[JavaScript] 템플릿 문자열  (0) 2022.03.07
[JavaScript] '=='와 '==='의 차이  (0) 2022.03.07