Korean_hamster
지현의 개발자 성장과정
Korean_hamster
전체 방문자
오늘
어제
  • 분류 전체보기 (122)
    • Front-End Developer (79)
      • Project (12)
      • HTML (8)
      • CSS (17)
      • Computer Science (9)
      • JavaScript (20)
      • React (13)
    • 이런저런 생각 (7)
    • 주간 성장회고 (24)
    • English (0)
    • 리뷰 (2)
    • Books (5)

블로그 메뉴

  • 방명록

공지사항

인기 글

태그

  • CS
  • 비전공자개발자
  • 프론트앤드스쿨
  • 라우터
  • HTML
  • fetch
  • 면접관님
  • 프론트앤드
  • 리액트
  • 깃헙
  • flex
  • AtomicHabits
  • 비전공개발자
  • js
  • 깃
  • 반응형웹
  • 멋쟁이사자처럼
  • CSS
  • 멋사
  • sass

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
Korean_hamster

지현의 개발자 성장과정

Front-End Developer/JavaScript

증감 연산자(Increment & Decrement Operators)

2022. 5. 11. 17:14

증감 연산자 (Increment & Decrement Operators)

 

 

변수에 적용할 수 있는 연산자 중 하나로, 복합대입연산자를 더(또?) 간략하게 사용한 형태이다

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

 

아래 세 형태는 다 같은 의미이다.

  • a = a + 1 
  • a += 1 (복합 대입 연산자)
  • a++ (증감 연산자)

a++ 와 ++a, 뭐가 다른데?

 

직접 실행하면서 이해해보자.

 

//변수를 선언한다
let a = 10;

//출력해보자
console.log(a++);

결과ㅏ

이때에는 a++나 ++a 둘 다 결과가 같은데, 이렇게 한 줄에 독립적으로 사용할 때는 그 차이를 알 수 없다.

차이는 다른 연산자와 함수와 함께 사용할 때 알 수 있다.

 


a++(후위연산자를 사용했을 때)

//변수를 선언한다
let a = 10;

//출력해보자
console.log(a++);
console.log(a++);
console.log(a++);

결과

코드를 실행하면 순서대로 10, 11, 12가 출력된다. 후위(postfix)란 해당 문장을 실행한 후 값을 더하라는 의미이다.

 

그래서 먼저 a를 실행한 후(10) 1을 더해주고

다시 a를 실행한 후(11) 1을 더해주고

다시 a를 실행한 후(12) >> 여기까지만 콘솔에 출력되고, 그 다음 1을 더해준건 출력되지 않았다.

 

콘솔에 출력되진 않았지만 a의 현재값은 12가 출력되고 1이 더해진 13이라는것을 알 수 있다.

 

//변수를 선언한다
let a = 10;

//출력해보자
console.log(a++);
console.log(a++);
console.log(a++);
console.log(a);


++a(전위 연산자를 사용했을 때)

//변수를 선언한다
let a = 10;

//출력해보자
console.log(++a);
console.log(++a);
console.log(++a);

전위(prefix)는 반대로 해당 문장을 실행하기 전에 값을 더하는 것이다.

먼저 10에 1을 더해준 후 실행되었으니 11,

또 1을 더해준 후 실행해서 12,

또 1을 더해준 후 실행해서 13이 되는 것이다. 

 

 

저작자표시 (새창열림)

'Front-End Developer > JavaScript' 카테고리의 다른 글

DOM이란 무엇인가  (0) 2022.05.13
JS 이벤트 플로우 완벽이해  (0) 2022.05.13
new Date() 란?  (0) 2022.05.11
if 조건문 사용해서 홀수,짝수 구해보기  (0) 2022.05.09
html 안에 <script> 파일을 어디에 넣어야 할까?  (0) 2022.04.29
    Korean_hamster
    Korean_hamster
    Keep pushing myself to the limits

    티스토리툴바