[JS] undefined, null 체크하기

 

 

JavaScript에는 '없음'을 나타내는 값이 두 개 있는데, 바로 null과 undefined입니다. 두 값의 의미는 비슷하지만, 각각이 사용되는 목적과 장소가 다릅니다.

 

undefined

값이 대입되지 않은 변수나 속성을 나타냅니다.

즉, 변수를 선언만 하고 값을 할당하지 않은 경우, 또는 객체 내부에 존재하지 않는 프로퍼티를 접근하는 경우 undefined가 반환됩니다.

// 변수 선언만 하고 값을 할당하지 않은 경우
let name;
console.log(name); // undefined

// 객체 내부에 존재하지 않는 프로퍼티를 접근하는 경우
const user = {
  name: "John Doe",
  age: 30,
};
console.log(user.address); // undefined

 

null

의도적으로 값이 없음을 나타냅니다. 즉, 값이 없음을 명시적으로 표현하기 위해 null을 사용합니다.

// 값이 없음을 명시적으로 표현하기 위해 null을 사용
let isLoggedIn = null; // 로그인 상태가 없음을 명시적으로 표현

// 객체에 아무런 값을 할당하지 않는 경우
const user = {
  name: null,
  age: null,
};

 

 

null undefined "" 체크하기

변수 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 를 리턴합니다.