이번에는 자바스크립트의 연산자에 대해서 알아보자. 그동안 프로젝트를 수행하며 별생각 없이 사용하였는데 이번 내용을 정리하면서 알게 된 사실은 생각보다 많은 연산자가 존재한다. 각각의 연산자를 예제와 함께 정리할까 했는데 생각보다 연산자의 수가 많아서 아래와 같이 심플하게 정리해 본다.
- 산술 연산자 : 더하기(+), 빼기(-), 곱하기(*), 나누기(/), 나머지(%), 증가(++), 감소(--)
- 할당 연산자 : 할당(=)
- 복합 연산자 : 산술 연산자와 할당 연산자와 조합으로 구성. (+=), (-=)
- 동등 연산자 : 동등(==)
- 부등 연산자 : 부등(!=)
- 일치 연산자 : 일치(===)
- 불일치 연산자 : 불일치(!==)
- 관계 연산자 : 작다(<), 작거나 같다(<=), 크다(>), 크거나 같다(>=)
- 삼항조건 연산자 : 조건부(?:)
- 논리 연산자 : 논리 AND (&&), 논리 OR (||), 논리 NOT (!)
- 비트 단위 연산자 : 비트 AND (&), 비트 OR (|), 비트 XOR (^), 비트 NOT (!)
- 쉬프트 연산자 : 왼쪽쉬프트(<<), 오른쪽쉬프트(>>)
- 쉼표 연산자 : 할당(,)
- 접근 연산자 : 배열과 객체에 접근([])
- 함수호출 연산자 : 함수호출 (())
참고로 논리 연산자 &&와 || 는 단축평가가 적용되어 자원을 적게 사용하는 조건을 왼쪽에 두면 효율적이다. 논리 연산자 && 인 경우 왼쪽 조건이 false 이면 우측에 어떤 값이 있어도 false이기 때문에 우측평가를 하지 않는다. 논리 연산자 || 인 경우 왼쪽 조건이 true 이면 우측에 어떤 값이 있어도 true이기 때문에 우측평가를 하지 않는다.
728x90
'■ Front-End ■ > JavaScript' 카테고리의 다른 글
[JavaScript] 학습정리 - 8.객체 (0) | 2023.03.01 |
---|---|
[JavaScript] 학습정리 - 7.조건문, 반복문 (0) | 2023.03.01 |
[JavaScript] 학습정리 - 5.변수 (0) | 2023.03.01 |
[JavaScript] 학습정리 - 4.데이터 타입 (0) | 2023.03.01 |
[JavaScript] 학습정리 - 3.안녕 JavaScript (0) | 2023.03.01 |
댓글