반응형

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에서 도입된 지수 연산자 는 좌항 의 피연산자를 밑 으로 우항 의 피 연산자를 지수 로 거듭 제곱 하여 숫자 값 을 반환한다.
반응형
'프론트엔드 > 자바스크립트 딥다이브' 카테고리의 다른 글
| 자바스크립트 딥다이브 - 10장 (0) | 2023.02.03 |
|---|---|
| 자바스크립트 딥다이브 - 9장 타입 변환과 단축 평가 (0) | 2023.01.31 |
| 자바스크립트 딥다이브 - 8장 제어문 (0) | 2023.01.30 |