[FE Dev] 동등, 비교 연산자 사용 시 주의사항

요즘 작성하는 내용은 포코 장님의 클린코드 강의와 코어 자바스크립트 문서를 보다가 겹치는 부분을 중심으로 정리하는 것이다.

대부분의 경우 동등 연산자(==) 말고 일치 연산자(===)를 사용해 예측 불가능한 케이스를 줄인다.

신비로운 비교 연산자의 세계(엣지 케이스)

alert( null > 0 );  // (1) false
alert( null == 0 ); // (2) false
alert( null >= 0 ); // (3) true

alert( undefined > 0 ); // false (1)
alert( undefined < 0 ); // false (2)
alert( undefined == 0 ); // false (3)

null == undefined만 true로 취급한다.
그래서 null ==0과 undefined ==0은 false다.
하지만 비교연산자는 null이 0으로 형변환 되어서
0 >= 0으로 true가 된다.

=> null이나 undefined가 될 확률이 있는 변수가 > 또는 <의 피연산자로 올 때는 주의를 기울이시기 바랍니다. null, undefined 여부를 확인하는 코드를 따로 추가하는 습관을 들이길 권유합니다.
(출처 : 코어 자바스크립트)