■ Front-End ■/JavaScript

[JavaScript] 학습정리 - 6.연산자

한길(One Way) 2023. 3. 1.

자바스크립트는 객체 기반 함수형 스크립트 언어이며 웹에서 중요한 위치를 차지하고 있다.

 

이번에는 자바스크립트의 연산자에 대해서 알아보자. 그동안 프로젝트를 수행하며 별생각 없이 사용하였는데 이번 내용을 정리하면서 알게 된 사실은 생각보다 많은 연산자가 존재한다. 각각의 연산자를 예제와 함께 정리할까 했는데 생각보다 연산자의 수가 많아서 아래와 같이 심플하게 정리해 본다.
 

  • 산술 연산자 : 더하기(+), 빼기(-), 곱하기(*), 나누기(/), 나머지(%), 증가(++), 감소(--)
  • 할당 연산자 : 할당(=)
  • 복합 연산자 : 산술 연산자와 할당 연산자와 조합으로 구성. (+=), (-=)

  • 동등 연산자 : 동등(==)
  • 부등 연산자 : 부등(!=)
  • 일치 연산자 : 일치(===)
  • 불일치 연산자 : 불일치(!==)

  • 관계 연산자 :  작다(<), 작거나 같다(<=), 크다(>), 크거나 같다(>=)
  • 삼항조건 연산자 : 조건부(?:)
  • 논리 연산자 : 논리 AND (&&), 논리 OR (||), 논리 NOT (!)
  • 비트 단위 연산자 : 비트 AND (&), 비트 OR (|), 비트 XOR (^), 비트 NOT (!)
  • 쉬프트 연산자 : 왼쪽쉬프트(<<), 오른쪽쉬프트(>>)

  • 쉼표 연산자 : 할당(,)
  • 접근 연산자 : 배열과 객체에 접근([])
  • 함수호출 연산자 : 함수호출 (())

   
참고로 논리 연산자 &&와 || 는 단축평가가 적용되어 자원을 적게 사용하는 조건을 왼쪽에 두면 효율적이다. 논리 연산자 && 인 경우 왼쪽 조건이 false 이면 우측에 어떤 값이 있어도 false이기 때문에 우측평가를 하지 않는다. 논리 연산자 || 인 경우 왼쪽 조건이 true 이면 우측에 어떤 값이 있어도 true이기 때문에 우측평가를 하지 않는다.


728x90

댓글