자바스크립트 증감 연산자( Increment/Decrement Operators) 와 연산자의 위치(Operators Location)

모든  내용과 소스들은 다음과 같은 강의 플랫폼에서 응용하여  작성하였습니다.
출처: https://inf.run/xNcEg

[무료] [코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스 - 인프런 | 강의

이번에 알아볼 것은  자바스크립트에서 연산자(operator)중 증가와 감소 연산자가 있습니다.  증감 연산자가 변수 앞에 위치하느냐 뒤에 위치하느냐에 따라 결과가 달라질 수 있습니다. 이것을 선행 증가/감소 연산자와 후행 증가/감소 연산자라고 합니다. 

첫번째  증감 연산자란?  증가와 감소 연산자의 줄임말로  증가하는 연산자와 감소하는 연산자 총 2가지 종류가 있습니다

1. 증가 연산자

 여기서 증가 연산자는 "++"로 변수의 값을 1 증가하는 역할을 합니다.

2. 감소 연산자

 여기서 감소 연산자는  "--"로  변수의  값을 1 감소하는 역할을 합니다

let number = 10;

number ++; // 1을 더하고서 해당 변수에 저장한다
console.log(number);

number --; // 1을 빼고서 해당 변수에 저장한다
console.log(number);

 

출력결과

증가 연산자를 만나  number 변수의 할당된 10을 1 증가시킨 11이 나오고   감소연산자를 만나 11에서 1 감소한 10이 나오는 결과입니다.

 

3. 다음은  연산자의 위치에 따라 값이 달라지고 실행순서가 변경되는 내용입니다.

선행 증가/감소 연산자, 후행 증가/감소 연산자 총 4가지로 나뉩니다. 

1. 선행 증가/감소 연산자:
   • ++number : 변수의 값을 1 증가시킨 후, 증가된 값을 반환합니다.
   • --number : 변수의 값을 1 감소시킨 후, 감소된 값을 반환합니다.
2. 후행 증가/감소 연산자:
   • number++ : 변수의 값을 반환한 후, 값을 1 증가시킵니다.
   • number -- : 변수의 값을 반환한 후, 값을 1 감소시킵니다

예를 든 소스코드 입니다.

 

let result = 10;
console.log(result);

result = number ++; // ++가 뒤에 오면 다른 연산자가 실행이되고 증가 연산자가  실행이된다
console.log(result, number);

result = number --; // -- result 라는 변수에다 먼저 저장을 하고 감소 연산자 실행
console.log(result, number);

result = ++ number; // ++ 가 앞에 오면 먼저 증가연산자 실행하고 값을 저장
console.log(result, number);

result = ++ number; // -- 가 앞에 오면 먼저 김소연산자 실행하고 값을 저장
console.log(result, number);

출력결과

이렇게 연산자 위치에 따라 값이 달라지고 실행 순서가 달라진다는 것을 알 수 있었습니다.

 

다음 시간에는 할당 연산자와 비교 연산자에 알아보겠습니다 감사합니다. 저도 배우는 입장이라서 많이들 봐주셨으면 좋겠습니다 감사합니다.