Skip to content

Qvil Blog

[Typescript] Nullish Coalescing (??) Check null/undefined with question operator

Typescript1 min read

  • ?? 연산자는 null이나 undefined인 경우만 막아준다.
  • 0이나 false는 그대로 유지한다.

값이 undefined, null만 체크하고 싶을 때(0, false 제외) 삼항연산자 대신 사용 가능하다.

1interface Book {
2 label?: string;
3}
4
5label !== undefined ? label ?? defaultLabel // Before
6label ?? defaultLabel // After

Test null/undefined check

1const value = "qvil";
2
30 ?? value; // 0
4false ?? value; // false
5null ?? value; // qvil
6undefined ?? value; // qvil

참고