>  기사  >  웹 프론트엔드  >  JavaScript에서 중첩 개체의 상위 개체에 액세스하는 방법은 무엇입니까?

JavaScript에서 중첩 개체의 상위 개체에 액세스하는 방법은 무엇입니까?

DDD
DDD원래의
2024-10-26 01:30:02937검색

How to Access the Parent Object of a Nested Object in JavaScript?

JavaScript에서 중첩 개체의 상위 개체를 가져오는 방법

JavaScript에서 중첩 개체는 일반적으로 데이터를 계층적 방식으로 구성하는 데 사용됩니다. 그러나 중첩된 하위 개체의 상위 개체를 검색하는 것은 약간 까다로울 수 있습니다.

다음 예를 고려하세요.

const obj = { subObj: { foo: 'hello world' } };

const s = obj.subObj;

이제 변수 s는 subObj 개체를 참조합니다. s에서 obj 개체(상위)에 대한 참조를 얻을 수 있습니까?

아니요, 중첩된 개체는 상위 개체에 직접 액세스할 수 없습니다.

이 개념은 다른 예를 사용하여 설명할 수 있습니다.

const main = {
    name: "main object",
    child: {
        name: "child object"
    }
};

main은 child.name에 액세스할 수 있지만 child는 main.name 또는 main의 다른 속성에 액세스할 수 없습니다.

해결책 사용 함수

이 제한을 극복하기 위해 사용자 정의 함수를 사용하여 상위 개체에 대한 참조를 사용하여 하위 개체를 초기화할 수 있습니다.

const main = {
    name: "main object",
    child: {
        name: "child object"
    },
    init() {
        this.child.parent = this;
        delete this.init;
        return this;
    }
}.init();

이제 main.child.parent .name은 기본 개체의 이름 속성에 대한 액세스를 제공합니다.

위 내용은 JavaScript에서 중첩 개체의 상위 개체에 액세스하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.