연산자란?
연산자는 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산 등을 수행하여 하나의 값을 만든다.
이때 연산의 대상을 피연산자라고 한다. 피연산자, 그리고 피연산자와 연산자의 조합으로 이루어진 연산자 표현식은 값으로 평가될 수 있는 표현식이다.
7. 1 산술 연산자
산술 연산자는 피연산자를 대상으로 수학적 계산을 수행해 새로운 숫자 값을 만든다. 산술 연산이 불가능한 경우, NaN을 반환한다.
7.1.1 이항 산술 연산자
| 연산자 | 의미 | 부수 효과 |
| + | 덧셈 | x |
| - | 뺄셈 | x |
| * | 곱셈 | x |
| / | 나눗셈 | x |
| % | 나머지 | x |
7.1.2 단항 산술 연산자
| 연산자 | 의미 | 부수효과 |
| ++ | 증가 | o |
| -- | 감소 | o |
| + | 효과 없음 | x |
| - | 양수를 음수로, 음수를 양수로 반전한 값 반환 | x |
7.1.3 문자열 연결 연산자
- 연산자는 피연산자 중 하나 이상이 문자열일 경우 문자열 연결 연산자로 동작한다.
"1" + 2; // 12
1 + true; // 2
1 + false; // 1
1 + null; // 1
+undefined; // NaN위 예제에서 개발자의 의도와는 상관없이 자바스크립트 엔진에 의해 암묵적으로 타입이 자동 변환되는 경우가 있다. 이를 암묵적 타입 변환 또는 타입 강제 변환이라고 한다.
7. 2 할당 연산자
할당 연산자는 우항에 있는 피연산자의 평가 결과를 좌항에 있는 변수에 할당한다.
| 연산자 | 예 | 동일 표현 | 부수 효과 |
| = | x=5 | x=5 | o |
| += | x+=5 | x=x+5 | o |
| -= | x-=5 | x=x-5 | o |
| *= | x*=5 | x=x*5 | o |
| /= | x/=5 | x=x/5 | o |
| %= | x%=5 | x=x%5 | o |
7. 3 비교 연산자
비교 연산자는 좌항과 우항의 피연산자를 비교한 다음 그 결과 값을 불리언 값으로 반환한다.
일치 비교 연산자에서 주의할 것은 NaN이다. NaN은 자신과 일치하지 않는 유일한 값이다.
따라서 숫자가 NaN인지 조사하려면 빌트인 함수인 Number.isNaN()을 사용해야 한다
7. 4 삼항 조건 연산자
삼항 조건 연산자는 조건식의 결과에 따라 반환할 값을 결정한다.
조건식 ? (조건식이 true일 때 반환할 값) : (조건식이 false일 때 반환할 값)
7. 5 논리 연산자
논리 연산자는 우항과 좌항의 피연산자(부정 논리 연산자의 경우 우항의 피연산자)를 논리 연산한다.
| 논리 연산자 | 의미 | 부수 효과 |
| || | 논리합 | x |
| && | 논리곱 | x |
| ! | 부정 | x |
논리 부정 연산자는 언제나 불리언 값을 반환한다.
만약 피연산자가 불리언 값이 아니면 불리언 타입으로 암묵적 타입 변환한다.
7. 6 쉼표 연산자
쉼표 현산자는 왼쪽 피연산자부터 차례대로 피연산자를 평가하고 마지막 피연산자의 평가가 끝나면 마지막 피연산자의 평가 결과를 반환한다.
var x, y, z;
(x = 1), (y = 2), (z = 3); // 3
7. 7 그룹 연산자
()로 피연산자를 감싸는 그룹 연산자는 자신의 피연산자인 표현식을 가장 먼저 평가한다. 따라서 그룹 연산자를 사용하면 연산자의 우선순위를 조절할 수 있다. 그룹 연산자는 연산자 우선순위가 가장 높다.
7. 8 typeof 연산자
typeof 연산자는 피연산자의 데이터 타입을 문자열로 반환한다. “string”, “number”, “boolean”, “undefined”, “symbol”, “object”, “function” 중 하나를 반환하며, “null”을 반환하는 경우는 없다. 즉, typeof 연산자가 반환하는 문자열은 7개의 데이터 타입과 정확히 일치하지는 않는다.
만약 값이 null 타입인지 확인하고 싶을 때 typeof를 사용하면 object가 반환된다. 자바스크립트의 첫 번째 버전의 버그 때문인데, 이럴 땐 ===를 사용해야한다.
또한 선언하지 않은 식별자를 typeof 연산자로 확인하면 참조 에러가 아닌 undefined가 반환된다.
7. 9 지수 연산자
ES7에서 도입된 지수 연산자(**)는 좌항의 피연산자를 밑으로, 우항의 피연산자를 지수로 거듭 제곱하여 숫자 값을 반환한다.
지수 연산자가 도입되기 전에는 Math.pow() 를 사용했다.
지수 연산자는 다른 산술 연산자와 마찬가지로 할당 연산자와 함께 사용할 수 있다.
var num = 5;
num **= 2; // num === 25지수 연산자는 이항 연산자 중에서 우선순위가 가장 높다.