[JS / jQuery] 자바스크립트 빈 값(Null, undefined) 체크 함수 만들어 활용하기

JavaScript로 빈 값 체크 함수 구현

JavaScript를 사용하여 데이터 값의 null 체크를 할 때마다 유효성 체크를 한다면 코드도 길어질 뿐만 아니라 같은 코드의 중복이 많기 마련이다.

 

그래서 값이 없는 데이터를 체크하는 함수를 만들어 필요할 때마다 가져다 쓰기로 했다.

 

빈 값일 시 "" 로 return 하는 함수

// 빈 값일 시 문자열 ""  return
function f_strNullCheck(str){
    var newStr = str;

    if(newStr == null || newStr == "" || newStr == undefined || newStr == "undefined") {
        newStr = "";
    }

    return newStr;
}

 

빈 값일 시 0으로 return 하는 함수

// 빈 값일 시 숫자 0  return
function f_numNullCheck(str){
    var newStr = str;

    if(newStr == null || newStr == "" || newStr == undefined || newStr == "undefined") {
        newStr = 0;
    }

    return newStr;
}

상황에 따라서 빈 값일 시 0으로 데이터 처리를 할 상황도 있기 때문에  문자열이 비어있을 시 숫자 0 을 return 하는 함수를 따로 만들었다.

 

 

사용 예제

var str = "Moony";
var userName = $("#userName").val();

if(f_strNullCheck(userName) == str){
	...
}

$("#userName").val();이 코드로 userName의 id 값을 가진 앨리먼트의 값을 가지고 오는데

이 때 가지고 오는 값이 "" 일 수도 undefined일 수도 모르는 상황에서 만들어 놓은 f_strNullCheck()를 활용한다.