본문 바로가기
프로그래밍/자바스크립트

자바스크립트 데이터 Null check, 빈값 체크 방법

by imfireguy 2021. 2. 15.
반응형

 

자바스크립트 데이터 Null check, 빈값 체크 방법

자바스크립트는 자바 같이 숫자형, 문자형 같이 형식에 엄격한 언어는 아니고 자유로운 언어 입니다.

 

1
2
3
4
5
6
var value = 2; // 숫자(Number)형 2
console.log(value, typeof value); // 2 숫자(number)
 
var value = "2" // 문자(String)형 2
console.log(value, typeof value); // 2 문자(String)
 
cs

 

이렇게 value를 선언하고 console.log로 로그를 찍으면 value값이 2인 숫자 값과 

 

마찬가지로 2번째는 value값이 2인 문자형이 출력 됩니다.

 

 

예를들어서 값이 비었는지 체크하는 경우

1
2
3
4
5
6
7
8
9
var value = "";
 
if( value == ""){
 console.log("비어 있습니다."); 
}else{ 
 console.log("값이 있습니다."); 
}
 
 
cs

처음에는 저도 이렇게 체크를 했습니다. 

하지만 이렇게 하시지 마시고

 

1
2
3
4
5
6
7
8
9
var value = "";
 
if(!value){
 console.log("비어 있습니다."); 
}else{ 
  console.log("값이 있습니다."); 
}
 
 
cs

이렇게 값을 부정하는 not 연산(!)을 사용하시기 바랍니다.

 

자바스크립트 자료형에서 false로 반환되는 값은

"", null, undefined, NaN 이 있고

나머지는 모두 true이어서 이렇게 하시면 실제 데이터가 있는경우만 체크하실 수 있습니다.

 

 

 

반응형

댓글