증감 연산자는 복합 대입 연산자는 약간 간략하게 사용한 형태이다.
증감 연산자 | 설명 |
변수++ | 기존의 변수 값에 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 |