[JS] 자바스크립트 빈값 체크방법

 

자바스크립트 빈값체크

( 자바스크립트의 빈 값들인 undefined, null, NaN, '' 은 false를 return )

let unefinedVal = undefined;
let nullVal = null;
let binVal = '';


if(!unefinedVal){
	console.log('이 값은 undefined입니다.');
} else{
	console.log('이 값은 undefined가 아닙니다.');
}


if(!nullVal){
	console.log('이 값은 null입니다.');
} else{
	console.log('이 값은 null이 아닙니다.');
}


if(!binVal){
	console.log('이 값은 ''입니다.');
} else{
	console.log('이 값은 ''이 아닙니다.');
}

 

---

 

undefined값 체크방법

if(unefinedVal === undefined){
	console.log('이 값은 undefined입니다.');
} else{
	console.log(' 이 값은 undefined가 아닙니다.');    
}

 

if(typeof(unefinedVal) == 'undefined'){
	console.log('이 값은 undefined입니다.');
} else{
	console.log(' 이 값은 undefined가 아닙니다.');
}

 

if(typeof(unefinedVal) === 'undefined'){
	console.log('이 값은 undefined입니다.');
} else{
    console.log(' 이 값은 undefined가 아닙니다.');
}

 

* undefined를 동등연산자('==')로 비교하면 null일 때도 참이 되기 때문에 동등연산자('==')가 아니라 비교연산자( '===')를 사용해서 비교해야함.

//잘못된 비교방법
if(unefinedVal == undefined){
	console.log('이 값은 undefined입니다.');
} else{
	console.log(' 이 값은 undefined가 아닙니다.');
}

//올바른 비교방법
if(unefinedVal === undefined){
	console.log('이 값은 undefined입니다.');
} else{
	console.log(' 이 값은 undefined가 아닙니다.');
}

 

• 숫자 0은 false를 반환 

---

 

빈 배열, 객체의 빈 값 모두 체크하는 함수

• 빈 배열은 false를 반환하지 않으므로 아래 함수 이용
• 빈 객체는 false를 반환하지 않으므로 아래 함수 이용

let binArrVal = {};
let binObjVal = {};


var isEmpty = function(val){
	if(val === '' || val === null || val === undefined 
    	|| (val !== null && typeof(val) === 'object' && !Object.keys(val).length)){
       	return true;
    } else{
    	return false;
    }
 };
 
 
 if(isEmpty(binArrVal)) {
 	console.log('binArrVal은 비어있음');
 } else{
 	console.log('binArrVal은 값이 있음');
 }
 
 
  if(isEmpty(binObjVal)) {
 	console.log('binObjVal은 비어있음');
 } else{
 	console.log('binObjVal은 값이 있음');
 }