연산자는 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 지수 연산 등을 수행해 하나의 값을 만든다.
이때 연산의 대상을 피연산자라 한다.
피 연산자는 값으로 평가될 수 있는 표현식이어야 한다.
그리고 피연산자와 연산자의 조합으로 이뤄진 연산자 표현식도 값으로 평가될 수 있는 표현식이다.
// 산술 연산자
5*4 // 20
// 문자열 연결 연산자
'my name is' + 'kim'
// 할당 연산자
color = 'red'
// 비교 연산자
3 > 5 // false
// 논리 연산자
true && false // false
// 타입 연산자
typeof 'hi' // string
산술 연산자
+ 연산자
+
연산자는 피연산자 중 하나 이상이 문자열인 경우 문자열 연결 연산자로 동작하며, 그 외의 경우는 산술 연산자로 작동한다.
'1' + 2 // '12'
// true는 1로 타입 변환된다.
1 + true // 2
// null은 0으로 타입 변환된다.
1 + null // 1
위 예제에서 중요한 것은 개발자의 의도와 상관없이 자바스크립트에 의해 암묵적으로 타입이 자동 변환되기도 한다는 것이다.
1 + true를 연산하면 자바스크립트 엔진은 암묵적으로 불리언 타입의 값인 true를 숫자 타입인 1로 타입을 강제 변환후 연산을 수행한다.
이를 암묵적 타입 변환 또는 타입 강제 변환이라고 한다.
할당 연산자
할당 연산자는 우항에 있는 피연산자의 평가 결과를 좌항에 있는 변수에 할당한다.
할당 연산자는 좌항의 변수에 값을 할당하므로 변수 값이 변하는 부수효과가 있다.
표현식은 값으로 평가될 수 있는 문이고, 문에는 표현식인 문과 표현식이 아닌 문이 있었다.
var x;
console.log(x =10); // 10
할당문은 값으로 평가되는 표현식인 문으로서 할당된 값으로 평가된다.
이러한 특징을 활용해 여러 변수에 동일한 값을 연쇄할당 할 수 있다.
var a, b, c;
// 연쇄 할당, 오른쪽에서 왼쪽으로 진행.
a = b = c = 0;
console.log(a, b, c) // 0 0 0
- c = 0 : 0으로 평가된다.
- b = 0 : 0으로 평가된다.
- a = 0 : 0으로 평가된다.
비교 연산자
비교 연산자는 좌항과 우항의 피연산자를 비교한 다음 그 결과를 불리언 값으로 반환한다.
동등/일치 비교 연산자
동등 비교 연산자(==)는 느슨한 비교를 하지만 일치 비교 연산자(===)는 엄격한 비교를 한다.
동등 비교 연산자는 좌항과 우항의 피연산자를 비교할 때 먼저 암묵적 타입 변환을 통해 타입을 일치시킨 후 같은 값인지 비교한다.
5 == 5 // true
5 === '5' // true
false === '0' // true
동등 비교 연산자는 예측하기 어려운 결과를 만들어 내므로 사용하지 않는 것이 좋다.
대신 일치 비교 연산자를 사용한다.
일치 비교 연산자는 좌항과 우항의 피연산자가 타입도 같고 값도 같은 경우에 한하여 true를 반환한다.
즉 암묵적 타입 변환을 하지 않고 값을 비교하므로 결과를 예측하기 쉽다.
NaN === NaN // false
일치 비교 연산자에서 주의할 것은 NaN이다.
NaN은 자신과 일치하지 않는 유일한 값이다.
따라서 숫자가 NaN인지 조사하려면 빌트인 함수 Number.isNumber를 사용한다.
Number.isNaN(NaN) // ture
'Read > Morden Javascript Deep Dive' 카테고리의 다른 글
[Modern Javascript Deep Dive] 8~9장 인사이트 정리 (1) | 2023.11.11 |
---|---|
[Modern Javascript Deep Dive] 8장 제어문 (0) | 2023.02.09 |
[Modern Javascript Deep Dive] 6장 데이터 타입 (0) | 2023.02.03 |
[Modern Javascript Deep Dive] 5장 표현식과 문 (0) | 2023.02.02 |
[Modern Javascript Deep Dive] 4장 변수 (0) | 2023.01.05 |