- Published on
2023.12.23
[딥다이브] - 07. 연산자
7.1. 산술 연산자
수학적 계산에 대한 연산자로 산술 연산이 불가능한 경우, NaN을 반환한다.
이항 산술 연산자
모든 이항 산술 연산자는 부수 효과가 없어 피연산자의 값이 바뀌지 않고, 항상 새로운 값을 만든다.
덧셈+
, 뺄셈-
, 곱셈*
, 나눗셈/
, 나머지%
단항 산술 연산자
증가/감소(++/--) 연산자는 피연산자의 값을 변경하는 부수 효과가 있다.
증가++
, 감소--
증가/감소 연산자의 위치가 피연산자의 앞이면, 먼저 피연산자의 값을 증가/감소시키고, 피연산자의 뒤에 위치하면 연산을 수행한 후, 증가/감소시킨다.
숫자 타입이 아닌 피연산자에 +
단항 연산자를 사용하면 숫자 타입으로 변환하여 반환한다. -
단항 연산자는 피연산자의 부호를 반전한 값을 반환한다.
문자열 연결 연산자
+
연산자는 피연산자 중 하나 이상이 문자열인 경우 문자열 연결 연산자
로 동작하고, 그 외에는 산술 연산자로 동작한다.
7.2. 할당 연산자
우항의 결과를 좌항의 변수에 할당한다. 할당하므로 부수 효과가 발생한다.=
, +=
, -=
, *=
, /=
, %=
할당문은 표현식인 문이므로 연쇄 할당할 수 있다.
7.3. 비교 연산자
좌항과 우항을 비교하고 불리언을 반환한다.
동등/일치 비교 연산자
동등 비교==
, 일치 비교===
, 부동등 비교!=
, 불일치 비교!==
동등 비교 연산자는 암묵적 타입 변환을 통해 타입을 일치시킨 후 비교한다. 일치 비교 연산자는 타입과 값이 모두 같아야 true
를 반환한다.
NaN
을 비교할 때는 주의해야 한다. NaN
을 비교할 때는 Number.isNaN
이나 Object.is
메서드를 사용한다.
NaN === NaN // false
Number.isNaN(NaN) // true
Object.is(NaN, NaN) // true
대소 관계 비교 연산자
>
, <
, >=
, <=
,
7.4. 삼항 조건 연산자
첫 번째 피연산자(?
앞)가 true
로 평가되면 두 번째 피연산자(:
앞)를 반환하고, false
로 평가되면 세 번째 피연산자(:
뒤)를 반환한다.
삼항 조건 연산자는 if ... else
문과 유사하게 처리할 수 있으나, 삼항 연산자는 값으로 사용할 수 있고, if ... else
문은 값처럼 사용할 수 없다.
var result = x % 2 ? '홀수' : '짝수' // 삼항 연산자는 표현식인 문이므로, 값처럼 사용할 수 있다.
7.5. 논리 연산자
논리 연산자
는 우항과 좌항을 논리 연산한다.
논리합(OR)||
, 논리곱(AND)&&
, 부정(NOT)!
,
!
언제나 불리언 값을 리턴한다.||
,&&
2개의 피연산자 중 어느 한쪽이 평가 결과가 된다.
7.6. 쉼표 연산자
왼쪽부터 평가해, 평가가 끝나면 마지막 피연산자의 평가 결과를 반환한다. 배열, 객체, 함수의 매개변수와 호출 인수에서 사용하는 쉼표와는 다르다.
7.7. 그룹 연산자
소괄호로 피연산자를 감싼다. 그룹 연산자로 감싸진 표현식은 가장 먼저 평가된다. (일반 수학이랑 똑같음)
7.8. typeof 연산자
피연산자의 데이터 타입을 문자열로 반환한다. 주의할 점은 typeof
연산자로 null
값을 연산하면 object
를 반환하는데 이것은 자바스크립트의 버그라고 한다. null
타입인지 확인할 때는 일치 연산자를 사용하자. 또, 선언하지 않은 식별자를 typeof
로 연산하면 undefined
를 반환한다.
7.9. 지수 연산자
**
좌항을 밑으로, 우항을 지수로 거듭 제곱한다. 음수를 밑으로 사용하려면 괄호로 묶어야 한다. **=
이렇게 할당 연산자와 함께 사용할 수도 있다. 지수 연산자는 이항 연산자 중에서 우선순위가 가장 높다.
7.10. 그 외의 연산자
연산자 | 개요 |
---|---|
?. | 옵셔널 체이닝 연산자 |
?? | null 병합 연산자 |
delete | 프로퍼티 삭제 |
new | 생성자 함수를 호출할 때 사용하여 인스턴스를 생성 |
instanceof | 좌변의 객체가 우변의 생성자 함수와 연결된 인스턴스인지 판별 |
in | 프로퍼티 존재 확인 |
7.11. 연산자의 부수 효과
대부분의 연산자는 부수 효과가 없지만 할당 연산자(=
), 증가/감소 연산자(++
/--
), delete 연산자는 부수 효과가 있다.
7.12. 연산자 우선순위
연산자의 종류가 많아 우선순위를 기억하기 어려우므로, 우선순위가 가장 높은 그룹 연산자 등을 이용하여 명시적으로 조절하는 것을 권장한다.
우선순위 | 연산자 |
---|---|
1 | ( ) |
2 | new(매개변수 존재), ., [ ](프로퍼티 접근), ( )(함수 호출), ?.(옵셔널 체이닝 연산자) |
3 | new(매개변수 미존재) |
4 | x++, x-- |
5 | !x, +x, -x, ++x, --x, typeof, delete |
6 | ** (이항 연산자 중에서 우선순위가 가장 높다) |
7 | *, /, % |
8 | +, - |
9 | <, <=, >, >=, in, instanceof |
10 | ==, !=, ===, !== |
11 | ??(null 병합 연산자) |
12 | && |
13 | || |
14 | 삼항 조건 연산자 |
15 | 할당 연산자(=, +=, -=, ...) |
16 | , |
7.13. 연산자 결합 순서
연산자 결합 순서는 연산자의 어느 쪽부터 평가를 수행할 지를 나타내는 순서이다.
결합 순서 | 연산자 |
---|---|
좌항 → 우항 | +, -, /, %, <, <=, >, >=, >>, ||, ., [], (), ??, ?., in, instanceof |
우항 → 좌항 | ++, --, 할당 연산자(=, +=, -=, ...), !x, +x, -x, ++x, --x, typeof, delete, 삼항 조건 연산자 |