본문 바로가기

내직업은 IT종사자/javascript

[javascript] 헷갈리고 짜증유발 증감연산자

반응형

 

증감연산자 코딩 처음 했을 때 알쏭달쏭 헷갈리게 만들었던 범인. 다시 그때의 기억을 되짚어보며..

 

증감 연산자 란 ?

변수의 값을 1씩 증가시키거나 1씩 감소시키는 연산자.

연산자의 위치에 따라 (앞 or 뒤) 전위연산자, 후위연산자로 구분된다.

 

 

전위 연산자 VS 후위 연산자 (prefix operator vs postfix operator) 

보통 후위연산자가 좀 더 익숙하니까 후위연산자 부터 !

[후위연산자]

/**
* [후위연산자는 증가/혹은 감소하기  전에 값을 돌려준다.]
*/

let x = 1;
let y = x++ ; 
// 사진 1번처럼 증가 되기 전 값 1이 y에 들어간다. 
// 그다음 x는 1이 증가된다.

console.log(x, y); // 2, 1

let i = 3;
let j = i--;

console.log(i,j); // 2, 3

 

 

[전위 연산자]

/**
* [전위연산자는 증가/혹은 감소한 후 값을 돌려준다..]
*/

let x = 1;
let y = ++x;
// 사진 1번처럼 증가 된 후 값이 y로 들어간다.

console.log(x, y); // 2, 2

let i = 3;
let j = --i;

console.log(i,j); // 2, 2

 

이미지 출처: https://qiita.com/seicode/items/67a81a95f50eb9c77634#%E5%A4%89%E6%95%B0%E3%81%AE%E3%81%82%E3%81%A8%E3%81%AB%E3%81%97%E3%81%A6%E4%BB%A3%E5%85%A5

 

개인적으로 증감연산자보다 복합대입연산자를 사용하는 것이 더 깔끔해 보인다.  

 

잘못된 정보에 대한 피드백은 언제나 환영입니다  (´▽`ʃƪ)♡

 

반응형