프론트엔드/자바스크립트 딥다이브
자바스크립트 딥다이브 - 7장 연산자
space.developher
2023. 1. 27. 11:46
반응형
1. 정의
연산자
는 하나 이상의 표현식
을 대상으로 산술
, 할당
, 비교
, 논리
, 타입
, 지수 연산
등을 수행해 하나의 값
을 만든다.
1) 산술 연산자
산술 연산자
는 피 연산자
를 대상으로 수학적 계산을 수행해서 새로운 숫자 값
을 만든다.
#1. 이항 산술 연산자
이항 산술 연산자 | 의미 | 부수 효과 |
---|---|---|
+ | 덧셈 | X |
- | 뺄셈 | X |
* | 곱셈 | X |
/ | 나눗셈 | X |
% | 나머지 | X |
#2. 단항 산술 연산자
단항 산술 연산자 | 의미 | 부수 효과 |
---|---|---|
++ | 증가 | O |
-- | 감소 | O |
#3. 문자열 연결 연산자
- +연산자는 피연산자 중 하나 이상이 문자열인 경우 문자열 연결 연산자로 동작한다.
2) 할당 연산자
할당 연산자
는 우항
에 있는 피연산자의 평가 결과
를 좌항
에 있는 변수
에 전달한다.
3) 비교 연산자
비교 연산자
는 좌항
과 우항
의 피연산자를 비교
한 다음 그 결과를 불리언 값
으로 반환한다.
비교 연산자는 if 문
이나 for 문
과 같은 제어문
의 조건식에서 주로 사용한다.
#1. 동등/일치 비교연산자
비교 연산자 | 의미 | 사례 | 설명 | 부수효과 |
---|---|---|---|---|
== | 동등 비교 | x == y | x와 y의 값이 같음 | X |
=== | 일치 비교 | x === y | x와 y의 값과 타입이 같음 | X |
!= | 부동등 비교 | x != y | x와 y의 값이 다름 | X |
!== | 불일치 비교 | x !== y | x와 y의 값과 타입이 다름 | X |
#2. 대소 관계 비교 연산자
대소 관계 비교 연산자 | 예제 | 설명 | 부수효과 |
---|---|---|---|
> | x > y | x가 y보다 크다 | X |
< | x < y | x가 y보다 작다 | X |
>= | x >= y | x가 y보다 크거나 같다 | X |
<= | x <= y | x가 y보다 작거나 같다 | X |
4) 삼항 조건 연산자
삼항 조건 연산자
는 조건식
의 평가 결과
에 따라 반환할 값을 결정한다.
단순한 조건에 따라 어떤 값을 결정해야 한다면 if else 문
보다 삼항 조건 연산자
표현을 사용하는 편이 유리하지만, 조건이 복잡
하거나, 조건의 개수가 여러 개
라면 if else 문
의 가독성이 더 좋다.
5) 논리 연산자
논리 연산자 | 의미 | 부수 효과 |
---|---|---|
논리합(OR) | X | |
&& | 논리곱(AND) | X |
! | 부정(NOT) | X |
6) 쉼표 연산자
쉼표 연산자
는 왼쪽 피연산자
부터 차례대로 피연산자를 평가
하고 마지막 피연산자
의 평가가 끝나면 마지막 피연산자의 평가 결과
를 반환한다.
7) 그룹 연산자
그룹 연산자
는 연산자 우선 순위
가 가장 높다.
8) typeof 연산자
typeof 연산자
는 피 연산자의 데이터 타입
을 문자열
로 반환한다. (string
, number
, boolean
, undefined
, symbol
, object
, function
)
9) 지수 연산자
ES7에서 도입된 지수 연산자
는 좌항
의 피연산자를 밑
으로 우항
의 피 연산자를 지수
로 거듭 제곱
하여 숫자 값
을 반환한다.
반응형