[jQuery] 제이쿼리 undefined, null 체크하기 및 차이점

jQuery undefined, null 체크하기

 

프로그램 코딩시 문자열 또는 값을 확인하는 경우가 많습니다.

 

javascript undefined 체크를 하는 방법을 알아보겠습니다.

 

결과로는 null 과 undefined는 둘다 값이 없습니다.

 

undefined란?

정의되지 않음. 변수가 초기화 되어있지 않는 상태

 

null이란?

변수에 값이 없는 상태

 

null, undefined 차이점

undefined는 변수를 선언만 하고 값은 없는상태.

null은 변수를 선언하고 안에 값을 null로 넣음.

 

이렇게 생각하시면 이해가 편하실 거에요.

var dd ; -- undefined

var dd = null; -- null

 

 

아래의 코드에서 출력은 어느것이 될까요?

dd의 값이 없기떄문에 AAAAA가 콘솔출력이 될것같지만 

실제로 결과를 확인해보면 BBBBB가 콘솔출력됩니다.

<script type="text/javascript">
var dd ;

if(dd == "" || dd == null){
	console.log("AAAAA");
}else{
	console.log("BBBBB");
}

</script>

 

결과는 BBBBBB 가 출력이 됩니다.

그래서 변수 null 체크를 하실때에는 

typeof 을 사용하여 체크를 해주시는게 완벽하게 null 체크를 하실 수 있습니다.

<script type="text/javascript">
var dd ;

if(typeof dd == "undefined" || dd == "" || dd == null){
	console.log("AAAAA");
}else{
	console.log("BBBBB");
}

</script>

typeof == undefined 를 조건문으로 하면

조건에 충족하면 true

조건에 충족하지 않으면 false 를 리턴합니다.

 

제이쿼리로 undefined를 체크하는 방법을 알아보았습니다.