JaeWon's Devlog
article thumbnail
반응형

주로 화면 개발을 하다 보면 JavaScript 에서 null이나 undefined 체크를 해야 하는 경우가 있다.

자주 사용하는데 사용할 때마다 까먹고 헷갈릴 때가 많다, 블로그 정리를 통해서 머리에 넣어두려고 한다.


1. Undefined 체크

function undefinedCheck(value){
    //	올바른 체크
    if(value == undefined){
    	...
    }
    
    //	올바르지 않은 체크
    if(value == "undefined"){
    	...
    }
}

만약 ""(쌍따음표)를 통해서 비교를 하고자 한다면 아래와 같이 typeof 를 사용하여 비교한다.

function undefinedCheckStr(value){
    //	올바른 체크
    if(typeof value == "undefined"){
    	...
    }
    
    //	올바르지 않은 체크
    if(typeof value == undefined){
    	...
    }
}

2. Null 체크

function nullCheck(value){
    //	올바른 체크
    if(value == null){
    	...
    }
    
    //	조금 더 정확한 체크
    if(value === null){
    	...
    }
    
    //	올바르지 않은 체크(null이란 문자를 비교하는거다)
    if(value == "null"){
    	...
    }
}

중간에 === 로 체크가 정확한 이유는 "값" 뿐만이 아니라 "타입(type)" 까지 비교를 해주어 더 정확하게 비교할 수 있다.


 

반응형
profile

JaeWon's Devlog

@Wonol

포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!