코딩 팁

TypeScript null, undefined 확인 방법 (타입스크립트)

코딩 기록 vicddory 2019. 12. 12. 07:00
반응형

null과 undefined는 다릅니다. 가령, json 항목 중 없는 항목에 접근할 때 undefined가 보이지 null이 보이진 않습니다.

타입스크립트에서 null과 undefined를 한꺼번에 확인하는 방법은 없지만, 아래 typescript 소스를 통해 간단히 null과 undefined를 확인할 수 있습니다.


var a: number;

var b: number = null;


function check(x, name) {

    if (x == null) {

        console.log(name + ' == null');

    }


    if (x === null) {

        console.log(name + ' === null');

    }


    if (typeof x === 'undefined') {

        console.log(name + ' is undefined');

    }

}


check(a, 'a');

check(b, 'b');


결과


"a == null"


"a is undefined"


"b == null"


"b === null"


undefined를 확인하려면 typeof를 사용하면 되고, null 체크를 하려면 === null을 사용하면 됩니다.


그래서 TypeScript로 null, undefined를 한꺼번에 확인하려면,


if (typeof x === 'undefined' || x === null) {

   

}


이렇게 사용하면 됩니다.



관련 글

타입스크립트: vue-awesome-swiper import 에러

타입스크립트 'webpack-env'에 대한 형식 정의 파일을 찾을 수 없습니다

TypeScript 강의 1. 프론트엔드 개발자와 TS

반응형
그리드형