ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript でネストされたオブジェクトの親オブジェクトにアクセスするにはどうすればよいですか?

JavaScript でネストされたオブジェクトの親オブジェクトにアクセスするにはどうすればよいですか?

DDD
DDDオリジナル
2024-10-26 01:30:021013ブラウズ

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 の他のプロパティにアクセスできません。

Solution using Function

この制限を克服するには、カスタム関数を使用して、親への参照を使用して子オブジェクトを初期化できます。

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

ここで、main.child.parent .name は、メイン オブジェクトの name プロパティへのアクセスを提供します。

以上がJavaScript でネストされたオブジェクトの親オブジェクトにアクセスするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。