🚀 94sssh
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( )
2new(매개변수 존재), ., [ ](프로퍼티 접근), ( )(함수 호출), ?.(옵셔널 체이닝 연산자)
3new(매개변수 미존재)
4x++, 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, 삼항 조건 연산자