[Javascript] 자바스크립트의 빈값 체크 (+숫자, 배열도 한꺼번에)

misonaru·2023년 11월 2일
post-thumbnail

출처 : https://devchul.tistory.com/25


자바스크립트 빈값 체크

자바스크립트 빈 값들인 "", null, undefined, 0, NaN 가 false를 return 한다는 것을 알고 계셨나요!?

코드를 보며 설명을 드리고, 위 빈값들과 배열, 객체의 빈값을 한번에 체크할 수 있는 소스를 소개 하려 합니다.


이렇게 "" 과 null 그리고 undefined를 초기값으로 주고
if문 안에 넣게 되면

각각의 값들은 false를 return하게 되어 비어있다는 log를 확인할 수 있습니다.

이렇게 간단히 값을 체크하고자 할 때는 위의 코드를 사용하셔도 됩니다.


다만 ! 주의할 점들이 있습니다.

1) 숫자 0 같은 경우에 if문 안에서 false를 return하기에 아래와 같이 숫자 0이 원하는 값임에도 불구하고
false가 나오는 경우가 발생하게 됩니다.

2) 비어 있는 배열과 빈 객체에 대해서 리턴값을 false로 해주지 않습니다.

업로드중..


※ 따라서 숫자 0 및 배열, 객체의 빈값도 전부 체크가 하고 싶을 경우엔

업로드중..

이와 같이 해주시면 모든 값들을 체크할 수 있습니다.

정리를 하면 변수의 값이 문자열이라는 것이 확신이 들면 변수명만으로 빈 값 체크 가능

But, 배열이나 객체까지도 빈 값을 체크하고 싶을 경우 따로 조건을 주어 체크를 해주어야 한다.

profile
미소와 나루 집사

0개의 댓글