[JavaScript] 자바스크립트 객체 속성(Property) 확인하기

064_자바스크립트 객체 속성(Property) 확인하기

[적용]

• API response의 특정 데이터를 확인하고 싶을 때
• 지정한 데이터가 객체에 존재하지 않아서 처리 작업을 취소하고 싶을 때

---

[문법]

메소드	의미	반환
객체.hasOwnProperty(키)	데이터 유무 확인	진리값

[문법]

구문	의미
키 in 객체	데이터의 유무 여부 반환

---

[내용]

해당 메소드는 객체 내부에서 지정한 데이터의 존재 여부를 확인한다.

샘플을 확인해 보자.

// 개인의 정보 데이터 객체
const userData = {
    id: 1,
    name: '사자',
    age: 26
};

console.log(userData.hasOwnProperty('id'));  // 결과: true
console.log(userData.hasOwnProperty('address'));  // 결과: false
console.log('id' in userData);  // 결과: true

 

다음과 같이 객체의 데이터를 가져와 undefined나 null의 여부를 확인하는 방법도 있다.

// 개인의 정보 데이터 객체
const userData = {
    id: 1,
    name: '사자',
    age: 26
};

console.log(userData.id != null);  // 결과: true
console.log(userData.adress != null);  // 결과: false
console.log(userData['id'] != null);  // 결과: true

 

---

 

 

 

 

 

참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김