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

JavaScript でネストされたオブジェクトの親オブジェクトを取得する

ネストされた JavaScript オブジェクトを操作する場合、その親オブジェクトにアクセスすると便利です。指定されたネストされたオブジェクト。ただし、これは JavaScript 内では直接可能ではありません。

ネストされたオブジェクト (子オブジェクト) には、親オブジェクト (親オブジェクト) への明示的な参照がありません。これは、子オブジェクトが親オブジェクトのプロパティやメソッドに直接アクセスできないことを意味します。

たとえば、次のオブジェクト階層があるとします:

<code class="js">obj: { subObj: { foo: 'hello world' } };</code>

サブオブジェクトへの参照の割り当て:

<code class="js">var s = obj.subObj;</code>

s が obj オブジェクトに直接アクセスするための組み込みメソッドはありません。

これに対処する 1 つのアプローチは、子オブジェクト内に親オブジェクトへの参照を手動で設定することです。これは関数を使用して実行できます。

<code class="js">var main = {
    name : "main object",
    child : {
        name : "child object"
    },
    init : function() {
        this.child.parent = this;
        delete this.init;
        return this;
    }
}.init();</code>

init 関数内で、this (メイン オブジェクト) を子オブジェクト内のparentという名前のプロパティに割り当てます。これにより、 obj:

<code class="js">s.parent.name  // Output: "main object"</code>

にアクセスできるようになります。このアプローチには元のオブジェクト構造の変更が含まれ、手動による初期化が必要であることに注意してください。ただし、JavaScript のネストされたオブジェクトから親オブジェクトにアクセスする方法が提供されます。

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