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

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

DDD
リリース: 2024-10-26 01:30:02
オリジナル
1007 人が閲覧しました

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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート