[자바스크립트]모던 자바스크립트 Deep Dive - 7. 연산자

June·2021년 10월 19일
0

숫자 타입이 아닌 피연산자에 + 단항 연산자를 사용하면 피연산자를 숫자 타입으로 변환하여 반환한다. 이때 피연산자를 변경하는 것은 아니고 숫자 타입으로 변환한 값을 생성해서 반환한다.

var x = '1';
console.log(+x); // 1
console.log(x); // "1"

x = true;
consle.log(+x); // 1

x = false;
console.log(+x); // false

- 단항 연산자는 피연산자의 부호를 반전한 값을 반환한다. + 단항 연산자와 마찬가지로 숫자 타입이 아닌 피연산자에 사용하면 피연산자를 숫자 타입으로 변환하여 반환한다.

+ 연산자는 피연산자 중 하나 이상이 문자열인 경우 문자열 연결 연산자로 동작한다.

비교 연산자

동등 비교(==) 연산자는 좌항과 우항의 피연산자를 비교할 때 먼저 암묵적 타입 변환을 통해 타입을 일치시킨 후 같은 값인지 비교한다.

5 == '5'; // true

동등 비교(==) 연산자는 예측하기 어려운 결과를 만들어 낸다. 따라서 동등 비교 연산자는 사용하지 않는 편이 좋다. 일치 비교(===) 연산자는 좌항과 우항의 피연산자가 타입도 같고 값도 같은 경우에 한하여 true를 반환한다..

일치 비교 연산자에서 주의할 점은 NaN이다.

// NaN은 자신과 일치하지 않는 유일한 값이다.
NaN === NaN; // false

따라서 숫자가 NaN인지 조사하려면 빌트인 함수 isNaN을 사용한다.

isNaN(NaN); // true
isNaN(10); // false
isNaN(1 + undefined); // true

숫자 0도 주의하자.

0 === -0; //true
0 == -0; // true

논리 연산자

논리 부정(!) 연산자는 언제나 불리언 값을 반환한다.단, 피연산자가 불리언 값일 필요는 없다. 만약 피연산자가 불리언 값이 아니면 불리언 타입으로 암묵적 타입 변환된다.

!0; // true
!'Hello'; // false

쉼표 연산자

쉼표 연산자는 왼쪽 피연산자부터 차례대로 피연산자를 평가하고 마지막 피연산자의 평가가 끝나면 마지막 피연산자의 평가 결과를 반환한다.

var x, y, z;
x = 1, y = 2, z = 3; // 3

typeof 연산자

typeof 연산자는 피연산자의 데이터 타입을 문자열로 반환한다.

typeof 연산자로 null을 연산해보면 "null"이 아닌 "object"를 반환하는데 주의하자. 이것은 자바스크립트 첫 번째 버전의 버그다. 하지만 기존 코드에 영향을 줄 수 있기 때문에 아직까지 수정되지 못하고 있다.

따라서 값이 null 타입인지 확인할 때는 typeof 연산자를 사용하지 말고 일치 연산자(===)를 사용하자.

또 하나 주의해야할 것이 있다. 선언하지 않은 식별자를 typeof 연산자로 연산해보면 ReferenceError가 발생하지 않고 undefined를 반환한다.

typeof undeclared; // undefined

0개의 댓글