JavaScript에서 열거할 수 없는 상속 속성 이름을 어떻게 검색합니까?

JavaScript에서 열거 불가능한 상속 속성 이름 검색

JavaScript에서 객체 속성에 액세스하는 것은 객체 조작에 필수적입니다. 속성을 검색하는 다양한 방법이 있지만 각각은 특정 속성 유형에 중점을 둡니다. 이는 열거 불가능하고 소유하지 않은 객체 속성에 액세스하려고 할 때 문제가 됩니다.

속성 유형 이해

JavaScript 속성은 세 가지 유형으로 분류할 수 있습니다.

• 자유 자산: 정의됨 개체 자체에 직접 적용됩니다.
• 상속 속성: 개체의 프로토타입 체인에서 상속됩니다.
• 열거 가능한 속성: Object.keys( ) 또는 for...in loop.
• 열거 불가능한 속성: Object.keys() 또는 for...in 루프의 결과에 포함되지 않습니다.

도전

열거 불가능하고 소유하지 않은 속성을 검색하려고 할 때 문제가 발생합니다. 객체. Object.keys() 및 for...in 루프와 같은 기존 메서드는 이러한 속성을 제공하지 않습니다.

해결책: 프로토타입 체인 탐색

열거 가능하고 소유하지 않은 속성을 사용하면 객체의 프로토타입 체인을 순회하는 사용자 정의 함수를 만들 수 있습니다. 이 함수는 Object.getOwnPropertyNames()를 활용하여 프로토타입 체인에서 상속된 속성을 포함하여 열거할 수 없는 속성을 검색합니다.

함수 예시

function getAllProperties(obj) {
  var allProps = [];
  var curr = obj;

  do {
    var props = Object.getOwnPropertyNames(curr);
    props.forEach(function(prop) {
      if (allProps.indexOf(prop) === -1) {
        allProps.push(prop);
      }
    });
  } while ((curr = Object.getPrototypeOf(curr)));

  return allProps;
}

console.log(getAllProperties([1, 2, 3]));

출력 :

[ "0", "1", "2", "length" ]

위 내용은 JavaScript에서 열거할 수 없는 상속 속성 이름을 어떻게 검색합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!