동적 속성 이름을 가진 Javascript 객체에 속성이 존재하는지 어떻게 확인합니까?

동적 속성 이름을 사용하여 객체 속성 존재 확인

JavaScript에서 객체를 다룰 때 특정 속성이 존재하는지 확인해야 하는 경우가 종종 있습니다. 그러나 속성 이름이 변수에 저장된 경우 기존 방법이 효과적으로 작동하지 않을 수 있습니다.

주어진 코드 조각에서 개발자는 myObj 개체에 'prop'이라는 속성이 있는지 확인하려고 시도하지만 myProp 변수가 문자열 연결로 잘못 정의되었습니다. 결과적으로 코드는 존재하지 않는 속성 'myProp'을 검색합니다.

이 문제를 해결하기 위해 몇 가지 대체 접근 방식을 사용할 수 있습니다.

1. hasOwnProperty() 사용

hasOwnProperty() 메서드는 지정된 속성이 객체에 직접 정의되어 있는지(프로토타입에서 상속되지 않음) 확인합니다.

<code class="js">var myProp = 'prop';
if(myObj.hasOwnProperty(myProp)){
    alert("yes, i have that property");
}</code>

2. in 연산자 사용

in 연산자는 직접 정의되었거나 상속되었는지 여부에 관계없이 주어진 속성이 객체에 존재하는지 확인합니다.

<code class="js">var myProp = 'prop';
if(myProp in myObj){
    alert("yes, i have that property");
}</code>

3. 직접 속성명 확인

속성명을 확실히 알 수 있다면 변수 없이 바로 확인할 수 있습니다.

<code class="js">if('prop' in myObj){
    alert("yes, i have that property");
}</code>

참고: hasOwnProperty () 메소드는 상속된 속성을 무시하지만 in 연산자는 이를 포함합니다. 따라서 접근 방식의 선택은 상속된 속성이 수행 중인 검사와 관련이 있는지 여부에 따라 달라집니다.

위 내용은 동적 속성 이름을 가진 Javascript 객체에 속성이 존재하는지 어떻게 확인합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!