For-In 루프를 중단하지 않고 배열 및 객체 프로토타입을 안전하게 확장하려면 어떻게 해야 합니까?

For-In 루프를 어지럽히지 않고 배열 및 객체 프로토타입 확장

도우미 메서드를 사용하여 Array.prototype 및 Object.prototype을 확장하는 경우 다음과 같습니다. 이러한 메서드가 값으로 표시되어 for-in 루프를 방해하지 않도록 하는 것이 중요합니다. 이는 다른 코드가 값에만 액세스하기 위해 for-in 루프에 의존하는 시나리오에서 특히 중요합니다.

배열이 있는 For-In 루프를 피하세요

이상적인 솔루션은 다음과 같습니다. 배열에 for-in 루프를 사용하지 마세요. 대신 내장된 .map() 및 .filter()와 같은 배열별 반복 메서드를 사용하세요. 배열과 객체가 모두 발생할 수 있는 일반 함수에서 for-in 루프를 사용하지 마세요.

객체에 hasOwnProperty()를 사용하세요

일반 함수에서 for-in 루프 사용이 불가피한 경우 함수에서 상속된 속성을 제외하려면 hasOwnProperty() 메서드를 활용하세요. 프로토타입:

for (var prop in anyObj)
    if (Object.prototype.hasOwnProperty.call(anyObj, prop))
        // do something

ECMAScript 5.1의 열거 불가능한 속성

ECMAScript 5.1에서는 Object.defineProperty()를 사용하여 속성을 열거할 수 없도록 설정할 수 있습니다.

Object.defineProperty(Array.prototype, "find", {
    enumerable: false,
    writable: true,
    value: function(testFun) {
        // code to find element in array
    }
});

이렇게 하면 "찾기"가 보장됩니다. 메소드는 for-in 루프에 나타나지 않습니다. 그러나 이 접근 방식은 이전 브라우저에서는 지원되지 않는다는 점에 유의하는 것이 중요합니다. 호환성을 위해 ES5-shim과 같은 심을 사용하는 것을 고려해 보세요.

위 내용은 For-In 루프를 중단하지 않고 배열 및 객체 프로토타입을 안전하게 확장하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!