동등/일치 비교 연산자
- 좌항과 우항의 피연산자가 "같은 값"으로 평가되는지 비교해 불리언 값을 반환한다.
- 차이점은 엄격성의 정도가 다르다.
| 비교 연산자 |
의미 |
사례 |
설명 |
부수 효과 |
| == |
동등 비교 |
x == y |
x와 y의 값이 같음 |
X |
| === |
일치 비교 |
x === y |
x와 y의 값과 타입이 같음 |
X |
| != |
부동등 비교 |
x != y |
x와 y의 값이 다름 |
X |
| !== |
불일치 비교 |
x !== y |
x와 y의 값과 타입이 다름 |
X |
- 동등 비교 연산자 = 느슨한 비교
- 비교 할 때 먼저 암묵적 타입 변환을 통해 타입을 일치시킨 후 같은 값인지 비교해서 타입이 달라도 같은 값이면 true를 반환한다.
- 편리하지만 결과를 예측하기 어렵고 실수하기 쉽다.
- 아래 예제는 안티패턴으로 참고만 하자.(가독성, 성능, 유지보수 등에 부정적인 영향을 줄 수 있어 지양하는 패턴)
'0' == ''; // false
0 == ''; // true
0 == '0'; // true
false == 'false'; // false
false == '0'; // true
false == null; // false
false == undefined; // false
- 일치 비교 연산자 = 엄격한 비교
- 암묵적 타입 변환을 하지 않고 값을 비교한다.
- 말그대로 값과 타입이 전부 일치해야 한다는 점.
- NaN은 자신과 일치하지 않는 유일한 값이다.
- 숫자가 NaN인지 조사하려면 빌트인 함수(Number.isNaN) 을 사용해야 한다.
- 숫자 0도 양의 0과 음의 0의 비교값을 true로 반환하니 주의해야 한다.
// NaN은 자신과 일치하지 않는 유일한 값이다.
NaN === NaN; // flase
// Number.isNaN 함수는 지정한 값이 NaN인지 확인하고 그 결과를 불리언 값으로 반환한다.
Number.isNaN(NaN); // true
Number.isNaN(10); // flase
Number.isNaN(1 + undefined); // true
// 양의 0과 음의 0의 비교. 일치 비교/동등 비교 모두 결과는 true 이다.
0 === -0; // true
0 == -0; // true
Object.is 메서드
- ES6에서 도입된 이 메서드는, 다음과 같이 예측 가능한 정확한 비교 결과를 반환한다.
- 그 외에는 일치 비교 연산자( === )와 동일하게 동작한다.
// 동등,일치 비교 연산자와는 다르게 +0과 -0을 다른 값이라고 평가한다.
-0 === +0 // true
Object.is(-0, +0); // false
// NaN도 자신과 같게 평가한다.
NaN === NaN; // false
Object.ix(NaN, NaN); // true
대소 관계 비교 연산자
| 대소 관계 비교 연산자 |
예제 |
설명 |
부수 효과 |
| > |
x > y |
x가 y보다 크다 |
X |
| < |
x < y |
x가 y보다 작다 |
X |
| >= |
x >= y |
x가 y보다 크거나 같다 |
X |
| <= |
x <= y |
x가 y보다 작거나 같다 |
X |
이건 너무 쉬우니 표만 정리하고 끝낸다.
댓글