반응형
[JavaScript] 자바스크립트 빈 객체 확인하는 방법
자바스크립트에서 빈 객체를 확인할 때, 다음과 같은 조건문을 사용해왔다면 이 글을 꼭 참고하라구요!
// typeof obj === 'Object'
if(obj == null){
console.log('빈 객체!')
}
if(obj == {}){
console.log('빈 객체!')
}
if(obj == ''){
console.log('빈 객체!')
}
이렇게하면 빈 객체라 하더라도 절대 원하는 조건문의 코드를 완성할 수 없다.
Array(배열) 같은 경우는 length라는 속성이 있기 때문에 length 값으로 확인할 수 있지만, Object(객체)는 어떻게 확인할까?
바로
Object.keys 속성을 활용하면 된다.
var obj = {
'a' : 'a다',
'b' : 'b다'
}
var keys = Object.keys(obj);
여기서 Object.keys(obj)에서는 obj 속성의 키 값을 배열로 리턴해준다.
console.log(keys); // ['a', 'b']
이 keys 속성과 배열의 length 속성을 활용하여 빈 객체를 다음과 같이 확인할 수 있다.
Object.keys(object).length == 0
if(Object.keys(obj).length == 0){
console.log('빈 객체다!');
}
728x90
반응형
'Front > JavaScript' 카테고리의 다른 글
[Javascript] 순수 자바스크립트 영역 캡쳐 후 이미지로 저장하기 (0) | 2020.09.02 |
---|---|
[JavaScript] 자바스크립트 변수(var/let/const) 선언 방식의 차이 (1) | 2020.08.12 |
[JavaScript] addEventListener callback Function이 즉시 실행된다 ? (0) | 2020.02.25 |
[JSP 오류] The JSP specification requires that an attribute name is preceded by whitespace (0) | 2020.02.21 |
[Native JS] jQuery 없이 순수 자바스크립트로 클래스 제어하기 (classList) (0) | 2020.02.17 |
댓글