숫자를 하나 늘리거나 줄이는 것은 자주 사용되는 연산이다.
* 증가(increment) 연산자 ++는 변수를 1 증가시킨다.
let counter = 2;
counter++; // counter = counter + 1과 동일하게 동작.
alert ( counter ) ; // 3
* 감소(decrement) 연산자 --는 변수를 1 감소시킵니다.
let counter = 2;
counter--; // counter = counter -1과 동일하게 동작한다.
alert( counter ); // 1
++와 -- 연산자는 변수 앞이나 뒤에 올 수 있다.
* counter++와 같이 피연산자 뒤에 올 때는, '후위형(postfix form)'이라고 부른다.
* ++counter와 같이 피연산자 앞에 올 때는, '전위형(prefix form)'이라고 부른다.
후위형과 전위형은 피연산자인 counter를 1만큼 증가시켜 준다는 점에서 동일한 일을 한다.
두 형의 차이는 ++/--의 반환 값을 사용할 때 드러난다.
let counter = 1;
let a = ++counter; // (*)
alert(a); // 2
(*)로 표시한 줄의 전위형 ++counter는 counter를 증가시키고 새로운 값 2를 반환한다.
let counter = 1;
let a = counter++; // (*) ++counter를 counter++로 바꿈
alert(a); // 1
(*)로 표시한 줄의 후위형 Counter++는 Counter를 증가시키긴 하지만, 증가 전의 기존 값을 반환한다.
let a = 1, b = 1;
alert(++a); // 2, 전위형은 증가 후의 값을 반환한다.
alert(b++); // 1, 후위형은 증가 전의 값을 반환한다.
alert(a); // 2, 값이 1만큼 증가합니다.
alert(b); // 2, 값이 1만큼 증가합니다.
반응형
'자바스크립트 > 기초' 카테고리의 다른 글
alert, prompt, confirm을 이용한 상호작용 (1) | 2021.05.23 |
---|---|
'null'과 'undefined' 값 (0) | 2021.05.23 |
코딩앙마 자바스크립트 기초강좌 (0) | 2021.05.19 |
지옥의 반복문.... (0) | 2021.05.19 |
거짓같은 값 (falsy value) (0) | 2021.05.19 |