[TypeScript] Null, Undefined 체크

동등 연산자(==)를 사용하면 Null과 Undefined 체크를 동시에 할 수 있다.

동등 연산자를 사용하는 얼마 안되는 경우 중 하나다. 

let value = null;
console.log(value == null);    // true

value == undefined;
console.log(value == null);    // true

 

data?.value != null 처럼 옵셔널 체이닝에도 유용하다.

 

Nullish Coalescing Operator(널 병합 연산자, ??)를 사용하면 Null, Undefined일 때 줄 값을 설정할 수 있다.

let value = null;
console.log(value ?? 1);    // 1

value == 0;
console.log(value ?? 1);    // 0  (0은 유효한 값이니 그대로 0)

 

동등 연산자와 널 병합 연산자는 0은 그대로 처리하므로, 속도나 기온처럼 0이 나올 수 있는 값을 표시할 때 사용하면 좋다.

 

 

 

반면 논리 연산자 &&와 ||는 Null, Undefined 이외에도 모든 Falsy 값(0, 빈 문자열, false, NaN 포함)을 거를 때 사용한다.

let value = 0;
console.log(value && 1);    // 0
console.log(value || 1);    // 1  (0은 유효한 값이 아니니 1)

 

즉 논리 연산자는 일반적인 if문(삼항 연산자 포함)과 동일한 처리를 한다.

let value = 0;
if (value) console.log("falsy");    // falsy
console.log(value ? "truthy" : "falsy");    // falsy

 

 

---

이것도 기초적이지만 가끔 헷갈려서 정리함.