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제 | 저자 고재도, 노지연