[JavaScript] hasOwnProperty 객체 속성 확인하기

 

📂 목차

 

---

hasOwnProperty란?

자바스크립트의 모든 객체(Object)는 상위 객체인 object로부터 여러 메서드(기능)를 물려받습니다. 그 중 하나가 hasOwnProperty()입니다. 

const user = {
  name: "Hyonie",
};

console.log(user.hasOwnProperty("name"));  // true
console.log(user.hasOwnProperty("toString"));  // false

👉 이 메서드는 해당 속성이 직접 정의된 것인지 확인해줍니다.(상속된 속성은 false로 판단)

 

❗ 문제는 여기서부터 시작됩니다.

const params = {
  hasOwnProperty: () => false,
  id: 123,
};

console.log(params.hasOwnProperty("id")); // TypeError 발생 가능 or false

😱 hasOwnProperty 자체를 속성으로 덮어쓸 경우, 기존 기능이 망가질 수 있습니다.

 

🔐 그래서 등장한 안전한 방법!

이 문법은 항상 안전하게 작동합니다.

Object.prototype.hasOwnProperty.call(obj, key);

왜냐하면:

• 원래의 Object에서 직접 메서드를 빌려와서
• 내가 검사하고 싶은 객체(obj)에 강제로 실행하기 때문입니다.

 

🔍 문법 구조 설명

구성	설명
Object.prototype.hasOwnProperty	진짜 오리지널 메서드
.call()	특정 객체에서 이 메서드를 실행시킴
obj	검사할 대상 객체
key	검사할 속성 이름(문자열)

 

예제 코드

const obj = Object.create({ inheritedKey: "hello" });

obj.realKey = "hi";

for (const key in obj) {
  if (Object.prototype.hasOwnProperty.call(obj, key)) {
    console.log(`진짜속성: ${key}`); // 진짜속성: realKey
  }
}

 

✅ 상속된 inheritedKey는 걸러집니다.

 

 

✨ 정리

• hasOwnProperty는 객체가 자기 자신이 가진 속성만 확인할 때 사용
• Object.prototype.hasOwnProperty.call(obj, key)는 어떤 상황에서도 안전하게 속성을 확인하는 가장 좋은 방법