Front-end/Javascript
[javascript] hasOwnProperty를 통해 객체안에 속성여부 확인
수밧드
2020. 5. 26. 14:18
EX-1)
var store = {snack:1000, flower:5000, beverage:2000};
for (var item in store){
if(!store.hasOwnProperty(item)) continue;
console.log(item + ' 는 가격이'+store[item]+' 입니다.')
}
위 코드는 store 객체를 순환하는 for - in 반복문 이다.
매 반복마다 hasOwnProperty를 이용하여 store 객체에 item 키 정보가 있는지 확인한다. 없으면 continue(계속진행)
를 통해 아래 코드는 실행하지않고 다음 순서로 넘어간다.
결과값
snack 는 가격이1000 입니다.
flower 는 가격이5000 입니다.
beverage 는 가격이2000 입니다.
*for - in 반복문을 사용할 때 hasOwnProperty를 통해 객체안에 속성이 있는지 한 번 더 확인하는것을 권장
*hasOwnProperty
이 내장메소드가 하는 일은 객체가 특정 프로퍼티에 대한 소유 여부를 반환함.
EX-2)
const coffee = {
water : "ice",
bean : "colombia"
};
console.log(coffee.hasOwnProperty("water"));
console.log(coffee.hasOwnProperty("milk"));
coffee 라는 객체에 water가 있는지 없는지 true or false를 반환한다.
결과값
true
false
출처 : 초보자를 위한 Javascript 200제 | 저자 고재도, 노지연