프론트엔드/자바스크립트 딥다이브

자바스크립트 딥다이브 - 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에서 도입된 지수 연산자좌항 의 피연산자를 으로 우항 의 피 연산자를 지수거듭 제곱 하여 숫자 값 을 반환한다.

반응형