[JS 기초] for ... in JavaScript 객체(Object) - 프로퍼티 존재 여부 확인

헤이안나·2025년 5월 12일
0

🧠 JavaScript 객체(Object) - 프로퍼티 존재 여부 확인

객체에서 특정 프로퍼티가 존재하는지 확인하는 방법을 정리합니다.
예시로 superman 객체를 사용합니다.


✅ 객체 선언

const superman = {
  name: 'clark',
  age: 33,
};

🔍 존재 여부 확인 방법

1. 직접 접근

console.log(superman.birthDay);  // undefined

❗ 존재하지 않는 프로퍼티에 접근하면 undefined가 반환됩니다.
단, key는 존재하지만 값이 undefined일 수도 있기 때문에 존재 여부 판단용으로는 부정확할 수 있습니다.


2. in 연산자

console.log('birthDay' in superman);  // false
console.log('age' in superman);       // true

'key' in 객체는 해당 key가 정확히 존재하는지true 또는 false로 반환해줍니다.
key가 실제로 객체에 존재하는지를 확인하는 가장 정확한 방법입니다.


💡 비교 예시

const obj = {
  name: 'anna',
  birthDay: undefined
};

console.log(obj.birthDay);         // undefined (값이 없어서 undefined)
console.log('birthDay' in obj);    // true (key는 존재함!)
방식설명결과
obj.birthDay값 접근undefined
'birthDay' in objkey 존재 여부 확인true

✅ 요약

표현용도결과
obj.key값 확인용 (있으면 값, 없으면 undefined)undefined
'key' in obj존재 확인용 (key가 있는지 확인)true / false

📌 존재 여부가 확실히 중요할 땐 'key' in 객체 방식을 사용하는 걸 추천합니다.

profile
리액트 공부하는 사람

0개의 댓글