연산자

변수나 값의 연산을 위해 나타내는 부호입니다. JavaScript 또한 여러 연산자를 지원하며 연산자를 사용해 값을 연산해낼 수 있습니다.

산술 연산자

사칙연산을 다루는 연산자입니다. 두 개의 피연산자를 받아 하나의 숫자를 결과로 반환합니다.

• + : 더하기 연산자

• - : 빼기 연산자

• * : 곱하기 연산자

• / : 나누기 연산자

• % : 나머지 연산자

• ** : 제곱근 연산자
  
  

연산자 우선순위

• ()(괄호)로 감싸면 가장 높은 우선순위를 가집니다.
• *(곱하기), %(나누기)가 +(더하기), -(빼기)보다 우선순위를 가집니다.

*우선순위 정보
http://www.tcpschool.com/javascript/js_operator_arithmetic

대입 연산자

변수의 값을 대입하는 연산자입니다. 오른쪽 피연산자를 왼쪽 피연산자에 대입 후 반환합니다.

• = : 대입

• += : 더한 후 대입

• -= : 빼고 대입

• *= : 곱한 후 대입

• /= : 나눈 후 대입
  
  

증감 연산자

피연산자를 1씩 증가시키거나 감소시킬 때 사용합니다. 피연산자가 단 하나 뿐인 단항 연산자입니다.

• ++X : 값을 1 증가 후 연산

• X++ : 연산 후 값 1 증가

• --X** : 값을 1 감소 후 연산

• X-- : 연산 후 값 1 감소
  
  

비교 연산자

피연산자 두 개의 크기를 비교하여 참(True) 혹은 거짓(False) 값을 반환합니다.

• < : 오른쪽이 왼쪽보다 크다

• > : 왼쪽이 오른쪽보다 크다

• <= : 왼쪽보다 크거나 같다

• >= : 오른쪽보다 크거나 같다

• == : 같다

• === : 값이 같으며 타입 또한 같다

• != : 같지 않다

• !== : 값이 같지 않으며 타입 또한 같지 않다
  
  

논리 연산자

논리식을 판단하여 참(True) 또는 거짓(False)를 반환합니다.

• 논리 AND(&&) 연산자: 피연산자의 값이 모두 참(True)일 경우 true를 반환합니다. 아닐 경우false를 반환합니다.

  • 기본 형식: {피연산자A && 피연산자B}

  • 단축 평가: {조건 && 코드}
    조건이 true인 경우에만 코드가 실행됩니다.
    
    

• 논리 OR(||) 연산자: 피연산자의 값이 하나라도 참(True)일 경우 true를 반환합니다. 피연산자의 값이 모두 거짓(False)일 경우 false를 반환합니다.

  • 기본 형식: {피연산자A || 피연산자B}

  • 단축 평가: {조건 || 코드}
    조건이 false인 경우에만 코드가 실행됩니다.
    
    

• 논리 NOT(!) 연산자: 피연산자의 값을 반대로 반환합니다. 참(True)일 경우 false를 반환하고 거짓(False)일 경우 true를 반환합니다.

  • 기본 형식: {!피연산자}
    
    

기타 연산자

- 삼항 연산자

세 개의 피연산자를 가지는 유일한 연산자입니다. if else문 대신 많이 사용됩니다.

삼항 연산자 문법

조건문 ? (참일 경우)실행 표현식1 : (거짓일 경우)실행 표현식2

조건문이 참일 경우 실행 표현식1을 반환하며, 거짓일 경우 실행 표현식2를 반환합니다.

- 쉼표 연산자

여러 표현식을 하나로 연결합니다. 각 피연산자를 왼쪽에서 오른쪽 순서로 평가하며 마지막 피연산자의 평가 결과를 반환합니다. 주로 반복문에서 쓰입니다.

쉼표 연산자 문법

표현식1, 표현식2, 표현식3, …

- typeof 연산자

변수 또는 표현식의 타입을 반환합니다. typeof를 사용하여 어떤 타입인지 확인이 가능합니다.

typeof 연산자 문법

typeof 피연산자

- instanceof 연산자

객체가 특정 생성자 함수로 생성되었는지 확인합니다. instanceof를 사용하여 특정 타입 또는 클래스의 인스턴스인지 확인할 수 있습니다.

instanceof 연산자 문법

객체 instanceof 생성자함수명

- null 병합(??) 연산자(nullish)

첫 번째 피연산자 값이 null 혹은 undefined인 경우 두 번째 피연산자 값을 반환합니다. 첫 번째 피연산자 값이 정의되어 있는 경우, 첫 번째 피연산자 값을 그대로 반환합니다.

null 병합 연산자 문법

{피연산자1 ?? 피연산자2}

피연산자1 값이 정의되어 있는 경우 -> 피연산자1 값 반환

피연산자1 값이 null 혹은 undefined 인 경우 -> 피연산자2 값 반환

---

연산자 우선 순위
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Operator_precedence